Pemilih warna dari gambar: dapatkan HEX, RGB, HSL dan Lab

Cara memakai

Klik Pilih berkas atau seret gambar ke kotak. Anda juga bisa menempelkannya dengan Ctrl+V.
Gerakkan penunjuk ke bagian gambar yang Anda inginkan. Kaca pembesar menampilkan piksel di sekitarnya, dan kotak Warna di bawah penunjuk memberi warnanya dalam empat notasi.
Atur Ukuran sampel ke 3 × 3 atau 5 × 5 untuk membaca rata-rata area kecil, bukan satu piksel.
Klik gambar untuk menambahkan warna ke Warna yang dipilih, lalu klik HEX, RGB, HSL atau Lab untuk menyalinnya.

Satu piksel atau rata-rata

Sebuah foto memiliki derau: piksel yang bertetangga dapat sedikit berbeda, bahkan pada permukaan datar, sehingga satu piksel bisa sedikit meleset. Alat dapat merata-ratakan persegi 3 × 3 atau 5 × 5 di sekitar penunjuk. Pada area satu warna, rata-rata memberi nilai yang lebih stabil daripada satu piksel.

Empat notasi

HEX dan RGB adalah notasi yang umum dalam perangkat lunak web dan desain. HSL menggambarkan warna dengan rona, saturasi dan kecerahannya, yang membantu saat Anda ingin versi yang lebih terang atau lebih gelap. Lab (CIE L*a*b*, dengan titik putih D65 yang dipakai sRGB) mengikuti cara mata melihat warna: langkah yang sama dalam Lab tampak kurang lebih sama, sehingga berguna untuk membandingkan dua warna. Fungsi lab() CSS memakai titik putih D50, sehingga angkanya berbeda dari ini.

Gambar Anda tetap di perangkat Anda

Gambar dibuka dan dibaca di peramban Anda. Tidak ada yang diunggah, warna yang Anda pilih tidak disimpan, dan daftarnya dikosongkan saat Anda meninggalkan halaman.

Contoh: merah murni

Merah murni, #FF0000, dibaca sebagai rgb(255, 0, 0), hsl(0, 100%, 50%) dan L*a*b* 53,2; 80,1; 67,2 (D65). Untuk membaca merah pada logo, atur Ukuran sampel ke 5 × 5 piksel, agar satu piksel yang berderau tidak menentukan warnanya.

Pertanyaan yang sering diajukan

Apakah gambar saya diunggah saat saya membaca warnanya?

Tidak. Gambar dibuka dan dibaca di peramban Anda, di perangkat Anda sendiri. Tidak ada yang dikirim ke server, dan warna yang Anda simpan tidak disimpan; warna itu dikosongkan saat Anda meninggalkan halaman.

Apakah warna pada bacaan sama dengan warna di layar saya?

Tidak selalu. Bacaan memberi nilai yang tersimpan di piksel gambar. Layar Anda, kalibrasinya, dan profil warna gambar dapat mengubah tampilan warna, jadi angkanya adalah nilai gambar itu sendiri, bukan pengukuran layar.

Apa perbedaan antara HEX dan RGB?

Keduanya adalah dua cara menulis tiga nilai yang sama. HEX menulis setiap nilai dari 0 hingga 255 dalam basis 16, sehingga rgb(255, 128, 0) adalah #FF8000, sedangkan RGB menulis angka yang sama dalam desimal. Keduanya diterima oleh perangkat lunak web dan desain.

Mengapa alat menampilkan nilai Lab?

Lab menggambarkan warna seperti cara mata melihatnya, dengan kecerahan dan dua sumbu warna. Lab lebih baik daripada HEX atau RGB untuk menunjukkan apakah dua warna berdekatan, karena dua warna yang berdekatan bisa memiliki angka yang cukup berbeda di HEX atau RGB.

Mengapa gambar yang sangat besar bisa terbaca sedikit berbeda?

Demi kecepatan, warna dibaca dari salinan dengan paling banyak 2.048 piksel pada sisi terpanjangnya. Warna area besar tetap sama, tetapi satu piksel kecil pada foto besar dapat dirata-ratakan dengan tetangganya.

Bisakah saya membaca warna dari PNG transparan?

Bisa. Bacaan menampilkan warna yang tersimpan di setiap piksel, dan transparansi tidak termasuk dalam pembacaan. Untuk area transparan, nilai yang ditampilkan adalah warna tersimpan, bukan warna yang Anda lihat di halaman di belakangnya.

Sumber

Angka dan teks terakhir diperiksa pada Selasa, 10 November 2026.