Apa itu kontras warna?
Rasio kontras mengukur perbedaan luminansi antara teks (foreground) dan latar pada skala 1:1 (tanpa kontras) hingga 21:1 (hitam di atas putih).
Alat ini mengonversi warna ke sRGB, mencampur transparansi sebelum membandingkan, dan menggunakan rumus luminansi relatif WCAG.
Ambang WCAG
- AA: 4.5:1 untuk teks normal, 3:1 untuk teks besar.
- AAA: 7:1 untuk teks normal, 4.5:1 untuk teks besar.
- Teks besar adalah 18pt+ normal atau 14pt+ tebal.
- Komponen UI, ikon, dan grafis sebaiknya minimal 3:1.
Rasio yang lebih tinggi meningkatkan keterbacaan, terutama pada font tipis atau ukuran kecil.