Color Contrast Checker
Cek rasio kontras antara dua warna dan lihat kelulusan WCAG AA/AAA.
Foreground (Text)
Background
— : 1
Tentang Color Contrast Checker
Contrast checker online untuk memeriksa rasio kontras warna antara foreground (teks) dan background sesuai standar WCAG (Web Content Accessibility Guidelines). Alat ini membantu desainer dan developer memastikan bahwa teks pada website dapat dibaca dengan mudah oleh semua pengguna, termasuk mereka yang memiliki gangguan penglihatan atau buta warna.
Fitur contrast checker meliputi: input warna foreground dan background (HEX, RGB, atau color picker), perhitungan rasio kontras secara real-time, indikator lolos/gagal untuk WCAG AA (rasio 4.5:1 untuk teks normal, 3:1 untuk teks besar) dan WCAG AAA (rasio 7:1 untuk teks normal, 4.5:1 untuk teks besar), simulasi buta warna (protanopia, deuteranopia, tritanopia), dan rekomendasi warna alternatif jika kontras tidak memenuhi standar.
Contrast checker sangat penting dalam web accessibility: memastikan website dapat diakses oleh penyandang disabilitas visual, memenuhi persyaratan hukum aksesibilitas di berbagai negara, meningkatkan user experience untuk semua pengguna, mendukung desain inklusif, dan menghindari potensi tuntutan aksesibilitas. Dengan alat ini, Anda dapat mendesain website yang indah sekaligus accessible bagi semua orang.