Pemeriksa kontras warna (WCAG)
Masukkan kedua warna dalam format hex (#1f2937) atau rgb(31, 41, 55).
Hasil
4,54:1Rasio kontras
- AA, teks normal (4,5:1)
- ✓
- AA, teks besar (3:1)
- ✓
- AAA, teks normal (7:1)
- ✕
- AAA, teks besar (4,5:1)
- ✓
- Warna yang dibaca
- #767676 / #ffffff
Masukan
- Warna teks
- #767676
- Warna latar belakang
- #ffffff
Cara menghitung
Luminans relatif setiap warna dihitung dari kanal sRGB yang telah dilinearkan.
Hasil
Rasio kontras
- AA, teks normal (4,5:1)
- ✓
- AA, teks besar (3:1)
- ✓
- AAA, teks normal (7:1)
- ✕
Cara menghitung
- Luminans relatif setiap warna dihitung dari kanal sRGB yang telah dilinearkan.
- Rasio = (L lebih terang + 0,05) ÷ (L lebih gelap + 0,05), dari 1:1 hingga 21:1.
- Rasio dibandingkan dengan ambang WCAG 2 tanpa pembulatan.
Contoh
#767676 pada putih menghasilkan 4,54:1: memenuhi AA untuk teks normal, tetapi bukan AAA.
Perlu diketahui
- Teks besar berukuran sedikitnya 24 px atau 18,66 px dengan huruf tebal.
- Transparansi dan gradasi warna tidak diperhitungkan.
Kapan digunakan
- Periksa keterbacaan teks terhadap warna latar situs.
- Uji apakah pasangan warna mencapai target kontras WCAG AA atau AAA.
Pertanyaan umum
Berapa rasio minimum WCAG AA untuk teks normal?
WCAG 2 mensyaratkan rasio kontras minimal 4,5:1 untuk teks normal.
Apa yang dianggap sebagai teks besar?
Teks besar berukuran setidaknya 24 CSS px atau sekitar 18,66 CSS px jika dicetak tebal.
Apakah transparansi atau gradasi ikut dihitung?
Tidak. Pemeriksa ini membandingkan warna solid yang dimasukkan dan tidak menghitung transparansi atau gradasi.