Pemeriksa Kontras
Periksa rasio kontras warna terhadap pedoman WCAG 2.1 secara instan. Pastikan teks Anda dapat dibaca dan desain Anda dapat diakses oleh semua orang. Gratis dan mudah digunakan.
How to Use
- 1Masukkan Warna Masukkan kode HEX untuk warna teks dan latar belakang.
- 2Lihat Pratinjau Lihat bagaimana tampilan teks Anda secara real-time.
- 3Periksa Rasio Tinjau rasio kontras yang dihitung.
- 4Validasi Kepatuhan Periksa apakah lolos standar WCAG AA/AAA.
Mengapa Aksesibilitas Penting
Jangkau Audiens yang Lebih Luas
Buat konten Anda dapat digunakan oleh penyandang buta warna (sekitar 1 dari 12 pria dan 1 dari 200 wanita) serta mereka yang memiliki penglihatan rendah.
Tingkatkan Pengalaman untuk Semua Orang
Kontras yang baik meningkatkan keterbacaan untuk semua orang, terutama pada layar redup atau di bawah sinar matahari yang cerah.
Memahami Peringkat WCAG
Level AA (Standar)
Membutuhkan 4.5:1 untuk teks normal, 3:1 untuk teks besar. Target standar untuk sebagian besar situs web.
Level AAA (Ditingkatkan)
Membutuhkan 7:1 untuk teks normal, 4.5:1 untuk teks besar. Aksesibilitas yang ditingkatkan untuk pengguna dengan kehilangan penglihatan yang signifikan.
100% Pribadi & Aman
Pemeriksa kontras ini berjalan sepenuhnya di browser Anda. Tidak ada data yang dikirim ke server kami.
FAQ
Apa itu kontras warna dan mengapa itu penting?
Kontras warna adalah perbedaan kecerahan antara warna latar depan dan latar belakangnya. Kontras yang tinggi memastikan bahwa orang dengan gangguan penglihatan dapat memahami konten Anda secara efektif.
Apakah logo diharuskan memenuhi standar ini?
Tidak, pedoman WCAG memberikan pengecualian untuk teks yang merupakan bagian dari logo atau nama merek, serta teks yang murni bersifat dekoratif.
Bagaimana cara memperbaiki rasio kontras yang rendah?
Tingkatkan perbedaan pencahayaan. Buat warna terang lebih terang atau warna gelap lebih gelap. Gunakan pratinjau langsung kami untuk bereksperimen.