Pemeriksa kontras warna
Rasio dihitung di tab ini. Tidak ada unggahan.
Kontras
Teks normal terlihat seperti ini pada 16px.
Teks besar pada 24px
5.79:1
Kontras WCAG 2: AA 4.5:1 untuk teks normal dan 3:1 untuk teks besar; AAA 7:1 dan 4.5:1; non-teks 3:1.
Cara memakai alat ini
Periksa pasangan teks dan latar terhadap WCAG 2 AA dan AAA. Tidak ada unggahan.
Buka Pemeriksa kontras
Pasangan contoh merah muda di atas krem sudah terisi. Rasio dan baris lolos/gagal ada di kanan di bawah contoh teks.
Masukkan warna Anda
Ketik kode hex atau pakai pemilih warna untuk teks dan latar. Tukar menukar keduanya.
Perbaiki pasangan yang gagal
Saat teks normal gagal AA, warna teks terdekat yang lolos disarankan di bawah tabel. Salin menaruh rasio dan hasil di papan klip.
Tanya jawab
Apa arti rasio kontras?
Rasio ini membandingkan luminansi relatif warna teks dan latar pada skala 1:1 (warna sama) sampai 21:1 (hitam di atas putih), sesuai definisi WCAG 2.
Apakah ada yang diunggah?
Tidak. Rasio dihitung di tab ini.
Rasio berapa yang saya butuhkan?
WCAG AA meminta 4.5:1 untuk teks normal dan 3:1 untuk teks besar; AAA meminta 7:1 dan 4.5:1. Ikon, garis tepi, dan kontrol formulir butuh 3:1 (kontras non-teks).
Apa yang dihitung sebagai teks besar?
Minimal 18pt (24px) reguler, atau 14pt (sekitar 18,7px) tebal.
Bagaimana saran warnanya bekerja?
Saat pasangan gagal AA untuk teks normal, warna teks digeser selangkah demi selangkah ke arah hitam atau putih, mana yang membantu, sampai mencapai 4.5:1. Rona dijaga sedekat mungkin.