Periksa rasio kontras antara dua warna terhadap tingkat aksesibilitas WCAG AA dan AAA.
Cara menggunakan Pemeriksa Kontras
Pilih warna teks dan warna latar.
Baca rasio kontras dan lencana lulus atau gagal WCAG.
Sesuaikan warna hingga lulus tingkat yang Anda butuhkan.
Pertanyaan yang sering diajukan
WCAG AA membutuhkan 4.5:1 untuk teks normal dan 3:1 untuk teks besar (18pt atau 14pt tebal). AAA membutuhkan 7:1 dan 4.5:1 berturut-turut.
Teks setidaknya 24px (18pt), atau 18.66px (14pt) saat tebal. Teks besar diperbolehkan rasio kontras lebih rendah.
Dari luminansi relatif tiap warna menggunakan rumus resmi WCAG, memberi nilai dari 1:1 (tanpa kontras) hingga 21:1 (hitam di atas putih).
Pemeriksa kontras warna WCAG yang menampilkan rasio kontras persis antara warna teks dan latar serta apakah memenuhi tingkat aksesibilitas AA dan AAA.
Pilih warna dengan kotak warna atau kode hex dan lihat pratinjau langsung. Kontras yang baik membuat situs Anda mudah dibaca dan diakses.
Alat terkait
Hasilkan hash SHA-1, SHA-256, SHA-384, dan SHA-512 dari teks apa pun, langsung di browser Anda.
Konversi warna antara HEX, RGB, dan HSL dengan pratinjau langsung.
Konversi stempel waktu Unix ke tanggal yang mudah dibaca dan sebaliknya: UTC, lokal, ISO 8601, dan waktu relatif. Detik dan milidetik terdeteksi otomatis.
Lakukan percent-encode dan decode pada URL dan komponen URL, aman untuk UTF-8.