Color Contrast Checker - WCAG
Periksa rasio kontras warna teks dan background terhadap standar aksesibilitas WCAG AA dan AAA.
Normal text — preview kontras
Large text / UI preview
Rasio Kontras0.00:1
Normal Text
AA: Pass
AAA: Pass
Large Text / UI
AA: Pass
AAA: Pass
Rasio Kontras0.00:1
Normal Text
AA: Pass
AAA: Pass
Large Text / UI
AA: Pass
AAA: Pass
Cara Kerja
1
Masukkan Kode Warna
Masukkan kode HEX untuk warna teks dan background. Gunakan color picker atau ketik langsung nilainya.
2
Analisis Rasio Kontras
Tool langsung menghitung rasio kontras dan memeriksanya terhadap standar WCAG AA dan AAA untuk teks normal dan large text.
3
Dapatkan Feedback Langsung
Jika kontras kurang, tool menunjukkan level mana yang gagal. Sesuaikan warna hingga semua badge hijau dan desain Anda memenuhi pedoman aksesibilitas.