Pilih warna dan dapatkan nilai HEX, RGB, CMYK, HSV, dan HSL-nya secara instan

Color picker adalah tool online gratis yang memungkinkan kamu memilih warna dan langsung membaca nilainya dalam lima format: HEX, RGB, CMYK, HSV, dan HSL. Pilih warna di palet atau tempel nilai HEX atau RGB, lalu salin format yang kamu butuhkan dengan sekali klik. Ada juga pemeriksa kontras WCAG supaya kamu bisa menguji warna teks terhadap warna latar dan memastikan aksesibilitasnya. Semua berjalan di browser kamu, gratis dan tanpa registrasi.

HEX

RGB

CMYK

HSV

HSL

Color

WCAG contrast checker

Check that a text color is readable on a background color. WCAG 2.1 requires a ratio of at least 4.5:1 for normal text and 3:1 for large text.

Text color (HEX)

Background color (HEX)

Contrast ratio

Sample text: check how readable this is

AA normal text (4.5:1)
AA large text (3:1)
AAA normal text (7:1)
AAA large text (4.5:1)

Cara memakai color picker

Pilih warna di palet, atau ketik nilai HEX atau RGB untuk melihat warnanya.
Salin salah satu dari lima format dengan tombol salin di sebelahnya.
Gulir ke pemeriksa kontras untuk menguji warna teks terhadap warna latar dan melihat level WCAG mana yang lolos.

Format warna mana yang sebaiknya kamu pakai?

Format	Paling cocok untuk	Contoh
HEX	Website, CSS, tool desain	#f4ae00
RGB	Layar, CSS dengan transparansi (rgba)	rgb(244, 174, 0)
CMYK	Cetak: brosur, kemasan, kartu nama	0%, 29%, 100%, 4%
HSV	Pemilih warna di software grafis	hsv(43°, 100%, 96%)
HSL	Palet CSS: nuansa lebih terang dan lebih gelap dari hue yang sama	hsl(43°, 100%, 45%)

Penggunaan umum

Mencocokkan warna merek saat kamu hanya punya kode HEX dari desainer.
Mengonversi warna web ke CMYK sebelum mengirim file ke percetakan.
Memastikan teks tombol dan isi memenuhi syarat kontras WCAG 2.1 sebesar 4.5:1.
Membangun palet CSS: pertahankan hue dan saturasi, ubah hanya lightness HSL-nya.

FAQ tentang color picker

Apakah color picker ini gratis?

Ya, color picker dan pemeriksa kontrasnya sepenuhnya gratis, tanpa registrasi dan tanpa batas pemakaian.

Apa bedanya HEX, RGB, CMYK, HSV, dan HSL?

HEX dan RGB menggambarkan warna layar yang sama dalam notasi berbeda: HEX adalah bentuk ringkas yang dipakai di CSS dan tool desain, RGB mencantumkan nilai merah, hijau, dan biru. CMYK menggambarkan cakupan tinta untuk cetak. HSV dan HSL menggambarkan warna berdasarkan hue, sehingga praktis untuk membangun palet dan mengatur kecerahan.

Bagaimana cara mengonversi HEX ke RGB?

Tempel nilai HEX di kolom HEX dan nilai RGB langsung muncul di kolom RGB. Konversi juga berlaku sebaliknya: ketik nilai RGB dan kamu mendapatkan kode HEX-nya.

Rasio kontras berapa yang saya butuhkan untuk aksesibilitas?

WCAG 2.1 level AA mensyaratkan rasio minimal 4.5:1 untuk teks normal dan 3:1 untuk teks besar (18pt ke atas, atau 14pt tebal). Level AAA mensyaratkan 7:1 untuk teks normal. Pemeriksa kontras di halaman ini menunjukkan level mana yang lolos untuk pasangan warna kamu.

Bisakah saya mengonversi warna layar ke warna cetak?

Bisa, tool ini menampilkan nilai CMYK dari warna apa pun yang kamu pilih. Ingat bahwa konversi CMYK adalah perkiraan: warna cetak akhir juga tergantung profil printer dan kertasnya, jadi selalu minta proof cetak untuk warna yang penting bagi merek.

Color Picker