Apa itu Pemilih Warna Gambar?

Ambil nilai warna yang presisi dari gambar mana pun cukup dengan mengkliknya. Palet langsung terisi dengan warna-warna dominan gambar, lup pembesar membantu mengincar piksel yang tepat, dan setiap warna disajikan dalam HEX, RGB, HSL, HSV, CMYK beserta nama warna terdekatnya. Simpan warna ke palet dan ekspor.

Saat sebuah gambar dimuat, alat ini mengambil enam warna yang paling sering muncul dan langsung memasukkannya ke palet, jadi kamu sudah punya kumpulan awal sebelum mengeklik apa pun. Loupe pembesar menampilkan piksel di bawah kursor, sehingga mudah mendarat tepat pada nada yang diinginkan, bukan tetangga yang ter-anti-alias. Setiap warna yang kamu klik menampilkan nilai HEX, RGB, HSL, HSV, dan CMYK-nya plus warna bernama CSS terdekat, lalu masuk ke palet yang bisa kamu salin sebagai daftar hex atau ekspor sebagai JSON atau variabel CSS. Ada juga pratinjau penglihatan yang melewatkan gambar melalui filter buta warna umum, agar kamu bisa memeriksa aksesibilitas sambil bekerja.

Cara menggunakan

1. Langkah 1 — Unggah gambar apa pun (PNG, JPEG, WebP, GIF). Gambar dimuat ke kanvas interaktif dengan lensa zoom.
2. Langkah 2 — Klik di mana saja pada gambar untuk memilih warna. Lensa memperbesar area di bawah kursor untuk pemilihan yang presisi.
3. Langkah 3 — Salin nilai apa pun dalam HEX, RGB, HSL, HSV, atau CMYK, atau perhatikan nama warna terdekat yang muncul di bawah sampel. Palet menyimpan setiap klik — ditambah enam warna awal yang terdeteksi otomatis — siap diekspor sekali ketuk.

Kapan menggunakan

• Menyamakan warna merek dari tangkapan layar atau render mockup.
• Menyusun palet warna dari foto referensi untuk proyek desain.
• Menemukan nuansa persis logo atau hero banner kompetitor.

Hasil

Seorang desainer mengunggah foto alam untuk mengekstrak warna teal tepat dari danau gunung. Mereka mengklik air, mendapatkan #2E8B8C, dan menambahkannya ke palet bersama tiga warna lain dari foto yang sama.

FAQ

Kenapa warna yang diambil sedikit berbeda dari yang saya lihat di Photoshop?

Sebagian besar browser mengubah gambar ke sRGB saat dimuat. Jika file Anda bertanda Adobe RGB atau Display P3, nilai yang didapat di sini adalah ekuivalen sRGB-nya. Untuk hasil identik, ekspor sumber ke sRGB sebelum diunggah.

Apakah lup menunjukkan satu piksel pas atau rata-rata wilayah?

Lup mengambil sampel dari satu piksel saja, tepat di bawah salib pengarah. Piksel sekitarnya hanya dibuat sebagai konteks visual. Klik di dalam lup untuk mengunci nilai piksel tersebut sehingga tepi anti-aliasing tidak menyesatkan.

Bisakah saya mengambil warna dari PNG dengan area transparan?

Bisa. Piksel transparan mengembalikan nilai RGB aslinya dan alfa ditampilkan terpisah. Piksel yang benar-benar transparan akan menampilkan warna latar kanvas (default putih), jadi klik area opak supaya bacaannya akurat.

Apa perbedaan HEX, RGB, HSL, HSV, dan CMYK — mana yang sebaiknya saya pakai?

HEX (#2E8B8C) adalah bentuk paling singkat untuk CSS dan perkakas desain. RGB menampilkan tiga kanal 0–255, berguna saat kode butuh angka mentah. HSL menjabarkan rona, saturasi, dan lightness — nyaman saat Anda ingin sedikit menambah cerah atau saturasi. HSV mirip dengan HSL tetapi memakai value (kecerahan terasa) alih-alih lightness, format yang lebih disukai oleh sebagian besar pemilih warna pada perangkat lunak desain. CMYK memberikan empat persentase tinta cetak — format yang diminta oleh percetakan atau desainer cetak.

Bisakah saya mengambil banyak warna sekaligus?

Setiap unggahan langsung mengisi palet dengan enam warna dominan gambar, dan setiap klik berikutnya menambahkan satu sampel lagi ke set. Panel palet menampilkan semua yang diambil dan memungkinkan kamu menyalin sampel mana pun, menyalin semua kode hex sekaligus, menghapus entri tertentu, atau mengekspor seluruh set sebagai berkas JSON atau sebagai custom property CSS yang siap ditempel.

Alat terkait