warna
pemilih warna
pilih warna, dapat hex/rgb/hsl + kontras.
s
l
- rgb
- 155, 107, 90
- hsl
- 16°, 27%, 48%
- vs putih
- 4.52 · AA
- vs hitam
- 4.64 · AA
tentang
pilih warna apa saja dan lihat nilai hex, RGB, dan HSL-nya plus rasio kontras WCAG terhadap hitam dan putih.
cara pakai
- klik kotak warna untuk membuka pemilih bawaan, atau ketik kode hex.
- baca nilai RGB dan HSL.
- cek rasio kontras WCAG terhadap hitam dan putih.
contoh
- pastikan warna merek mencapai kontras AA di atas latar belakangmu.
- ubah HSL dari Photoshop jadi kode hex yang kamu butuhkan untuk CSS.
- kira-kira warna komplementer dengan mengutak-atik hue.
faq
AA / AAA itu apa?
tingkat kontras WCAG. AA butuh 4.5:1 untuk teks isi, 3:1 untuk teks besar. AAA butuh 7:1 — standar emas.
kenapa ada dua bacaan kontras?
supaya kamu langsung tahu mau pakai teks hitam atau putih di latar itu.