TK

Tools Warna

Konversi dan verifikasi warna

Math warna yang berjalan di browser kamu. Konversi antara hex, RGB, HSL, dan OKLCH; verifikasi kontras terhadap threshold WCAG.

Tanpa upload Khusus browser

Konverter Warna

Konversi antara hex, rgb(), hsl(), dan oklch() dengan swatch preview live dan native color picker.

Buka

Pengecek Kontras WCAG

Cek kontras foreground/background terhadap threshold WCAG 2.1 AA dan AAA untuk teks normal, teks besar, dan komponen UI.

Buka

Pertanyaan yang sering diajukan

Format warna apa saja yang didukung?
hex, rgb(), hsl(), dan oklch() — baik sintaks modern dengan spasi maupun legacy dengan koma.
Apa itu OKLCH?
Color space yang seragam secara perseptual dengan sumbu Lightness, Chroma, dan Hue. Menghasilkan gradien dan palette yang lebih konsisten dibanding HSL karena langkah numerik yang sama terlihat seperti langkah visual yang sama.
Bagaimana kontras dihitung?
Sesuai WCAG 2.1: luminansi relatif dihitung untuk tiap warna, lalu rasio = (yang lebih terang + 0.05) / (yang lebih gelap + 0.05). Hasilnya berkisar 1:1 (identik) hingga 21:1 (putih di atas hitam).
Ambang mana yang penting untuk aksesibilitas?
Teks AA Normal butuh ≥ 4.5; teks AA Large dan komponen UI butuh ≥ 3. AAA menaikkan jadi ≥ 7 dan ≥ 4.5. Targetkan minimal AA di situs produksi.
Apakah nilai warna saya dikirim ke mana-mana?
Tidak. Matematika konversi dan kontras berjalan secara lokal; tidak ada yang meninggalkan browsermu.