Ekstrak Palet Warna Online
Ekstrak warna dominan dari gambar apa pun secara gratis, langsung di browser.
.jpg, .png, .webp · hingga 50 MB
Mengapa menggunakannya
Palet desain yang diekstrak dari gambar nyata
HEX, RGB, dan HSL
Dapatkan kode dalam tiga format yang banyak digunakan, siap disalin.
100% privat
Analisis dilakukan di browser Anda. Gambar Anda tidak pernah meninggalkan perangkat.
Algoritma yang tepat
Kuantisasi warna dengan Median Cut untuk warna yang representatif dan seimbang.
Instan
Palet dihasilkan dalam kurang dari 1 detik. Tanpa antrean, tanpa registrasi, tanpa batasan.
Cara kerjanya
Tiga langkah, tanpa kerumitan
Unggah gambar Anda
Seret dan lepas atau pilih file JPG, PNG, atau WebP. Hingga 50 MB. Tanpa registrasi.
Analisis palet
Algoritma secara otomatis mengekstrak warna paling representatif. Sesuaikan jumlah warna jika perlu.
Salin kode warna
Dapatkan nilai HEX, RGB, dan HSL untuk setiap warna. Siap digunakan dalam desain Anda.
FAQ
Ada pertanyaan?
Kuantisasi warna adalah proses mengurangi jumlah warna yang berbeda dalam gambar sambil menjaga tampilan visual seakurat mungkin. Gambar fotografis dapat mengandung jutaan warna unik; kuantisasi mengelompokkannya menjadi set representatif (misalnya, 8 atau 16 warna). Algoritma paling klasik adalah Median Cut, yang dikembangkan oleh Paul Heckbert pada tahun 1982: ia membagi ruang warna 3D (RGB) menjadi kotak, dan pada setiap iterasi membagi kotak terbesar di sepanjang sumbu terpanjangnya, menetapkan setiap kotak warna rata-rata piksel yang dikandungnya. Hasilnya adalah palet yang merepresentasikan warna dominan dengan baik tetapi mungkin kehilangan nuansa pada warna yang jarang muncul.
Untuk identitas merek dan sistem desain, rekomendasi standar adalah palet 5 hingga 8 warna: 1 warna primer (paling representatif dan dapat diidentifikasi), 2-3 warna sekunder (komplementer terhadap primer), 1-2 warna aksen (untuk call to action, sorotan), dan 1-2 warna netral (putih, hitam, abu-abu untuk tipografi dan latar belakang). Palet yang lebih besar (10+ warna) sulit untuk tetap koheren. Palet yang sangat kecil (2-3 warna) bisa terasa monoton. Untuk mengekstrak palet dari gambar fotografis untuk tujuan artistik atau inspirasional, antara 6 hingga 10 warna biasanya menangkap esensi visual dengan baik.
HEX adalah representasi heksadesimal dari RGB: #FF5733 sama dengan R=255, G=87, B=51. Ini adalah format yang paling banyak digunakan dalam CSS dan desain web karena keringkasannya. RGB (Red, Green, Blue) adalah model cahaya aditif: mencampur ketiga saluran pada nilai maksimumnya menghasilkan putih (255,255,255). Ini intuitif bagi programmer yang bekerja dengan kalkulasi warna. HSL (Hue, Saturation, Lightness) paling intuitif untuk desainer: H adalah sudut pada roda warna (0 derajat=merah, 120 derajat=hijau, 240 derajat=biru), S adalah saturasi (0%=abu-abu, 100%=warna murni), L adalah lightness (0%=hitam, 50%=warna murni, 100%=putih). Memodifikasi warna dalam HSL lebih dapat diprediksi: untuk membuat warna lebih gelap, cukup kurangi L tanpa mempengaruhi hue.
Aturan 60-30-10 adalah panduan yang paling banyak digunakan dalam desain interior dan grafis: 60% ruang visual menggunakan warna dominan (biasanya warna netral atau warna merek utama), 30% menggunakan warna sekunder (menciptakan kontras dan kedalaman), dan 10% menggunakan warna aksen (call to action, sorotan). Dalam desain antarmuka web, proporsi ini beradaptasi menjadi: latar belakang (60%, biasanya putih atau abu-abu terang), konten dan tipografi (30%, abu-abu gelap atau hitam), elemen interaktif (10%, warna merek yang cerah). Aturan ini menjamin koherensi visual tanpa monoton, karena selalu ada cukup variasi tonal untuk menciptakan hierarki visual.
Warna komplementer adalah warna yang berlawanan pada roda warna (merah/hijau, biru/oranye, kuning/ungu). Mereka menciptakan kontras visual maksimum dan digunakan untuk elemen yang harus menonjol dengan jelas terhadap latar belakang. Dalam merek olahraga dan energi, merah di atas hijau dan biru di atas oranye adalah kombinasi klasik. Warna analog berdekatan pada roda warna (merah, oranye, kuning). Mereka menciptakan harmoni dan rasa kesatuan. Lebih menyenangkan dan kurang agresif secara visual. Untuk antarmuka pengguna yang panjang (aplikasi, situs web), skema analog lebih menenangkan mata. Kategori ketiga, warna triadik (tiga warna berjarak sama: merah, kuning, biru), menyeimbangkan kontras dengan harmoni.
Teori warna: sistem Pantone, kuantisasi, dan palet yang aksesibel
Teori warna berakar pada fisika dan persepsi visual. Isaac Newton mendemonstrasikan pada tahun 1666 bahwa cahaya putih adalah jumlah dari semua warna dalam spektrum dengan melewatkan sinar matahari melalui prisma. Johannes Itten, seorang profesor di Bauhaus pada tahun 1920-an, memformalkan roda warna sebagai alat pedagogis dan menetapkan hubungan harmonik yang tetap menjadi fondasi desain warna modern. Josef Albers, juga dari Bauhaus, melangkah lebih jauh: dalam bukunya Interaction of Color (1963), ia menunjukkan bahwa persepsi kita tentang sebuah warna tidak absolut tetapi relatif terhadap konteksnya, sebuah fenomena yang disebut kontras simultan. Abu-abu di atas latar hitam tampak lebih terang daripada abu-abu yang sama di atas latar putih, meski nilai abu-abunya identik.
Sistem Pantone, yang didirikan pada tahun 1963 oleh Lawrence Herbert di New Jersey, memecahkan masalah mendasar dalam industri percetakan: dua pencetak di kota berbeda tidak dapat mereproduksi merah yang sama tanpa sistem referensi bersama. Pantone menciptakan buku sampel yang distandarisasi (Pantone Matching System, PMS) dengan nomor unik untuk setiap warna dan formula pencampuran tinta yang tepat. Hari ini sistem ini mencakup lebih dari 1.800 warna untuk pencetakan di atas kertas, tekstil, dan plastik. Algoritma Median Cut, dasar kuantisasi warna digital, memecahkan masalah sebaliknya: diberikan sekumpulan jutaan warna, temukan N yang paling representatif. Algoritma ini kemudian dioptimalkan oleh Xiaolin Wu (1992) dengan metode kuantisasi Octree-nya, lebih cepat dan dengan kualitas lebih baik untuk palet kecil.
Palet warna yang aksesibel adalah pertimbangan kritis dalam desain antarmuka. Buta warna memengaruhi 8% pria dan 0,5% wanita keturunan Eropa, dengan tingkat lebih rendah di kelompok etnis lain. Bentuk paling umum, buta warna merah-hijau (deuteranopia dan protanopia), membuat merah dan hijau tampak tidak dapat dibedakan. Merancang hanya dengan merah dan hijau untuk membedakan status (error/sukses, misalnya) mengecualikan jutaan pengguna. Solusinya bukan menghindari merah dan hijau, melainkan menambahkan pembeda tambahan (ikon, teks, bentuk) dan menggunakan variasi kecerahan yang cukup berbeda. Alat seperti Coblis (Color Blindness Simulator) memungkinkan memvisualisasikan gambar apa pun sebagaimana yang akan dipersepsi oleh orang dengan berbagai jenis buta warna.