Konverter warna
Masukkan warna CSS apa pun — HEX, RGB, HSL, HSLa, HWB, OKLCH, OKLab, atau nama warna — dan langsung lihat semua nilai setara beserta rasio kontras WCAG terhadap putih dan hitam.
Tanpa unggah · Semua diproses di browser ini
Kontras (WCAG 2)
| Teks di atas putih | Teks di atas hitam | |
|---|---|---|
| Rasio | ||
| AA teks besar (3:1) | ||
| AA teks normal (4.5:1) | ||
| AAA teks normal (7:1) |
Pertanyaan umum
Apa itu OKLCH?
OKLCH menggambarkan warna dengan kecerahan, kroma, dan rona dalam ruang warna yang seragam secara persepsi. Mengubah kecerahan saja menjaga rona tetap sama, berguna untuk design system. Semua browser modern mendukungnya di CSS.
Mengapa CMYK ditandai perkiraan?
Warna cetak sebenarnya bergantung pada kertas, tinta, dan profil ICC. Alat ini memakai rumus sederhana tanpa profil, jadi pastikan nilai pastinya ke percetakan.
Format warna apa yang bisa saya masukkan?
HEX (#fff, #ffffff, #ffffffff), rgb(), rgba(), hsl(), hsla(), hwb(), oklch(), oklab(), dan nama warna CSS seperti tomato atau rebeccapurple semuanya diterima.
Apa yang ditampilkan pemeriksaan kontras WCAG?
Menampilkan rasio kontras warna Anda terhadap putih murni dan hitam murni, serta apakah warna tersebut lulus kriteria AA (4,5:1 untuk teks normal, 3:1 untuk teks besar) dan AAA (7:1 untuk teks normal) dari WCAG 2.
Bisakah saya menggunakan alat ini secara offline?
Ya. Pengonversi hanya menggunakan logika penguraian warna CSS bawaan browser dan bekerja tanpa koneksi internet setelah halaman dimuat.