Pemeriksa Kontras Warna
Rasio kontras WCAG untuk dua warna.
| Standar | Teks normal | Teks besar |
|---|---|---|
| WCAG AA | — | — |
| WCAG AAA | — | — |
| WCAG 1.4.11 | Komponen nonteks / UI (≥3:1): — | |
Laporan ini mengikuti persyaratan rasio kontras WCAG 2.2. APCA masih eksperimental dan bukan hasil kesesuaian WCAG 3.
Pilih warna? Konverter Warna · bio sosial: Generator Teks Hias · timbangan: Generator Nuansa Warna.
Cara menggunakan
Pilih warna teks dan warna latar. Rasio kontras dan lulus/gagal untuk setiap level WCAG diperbarui secara langsung, dengan pratinjau.
FAQ
Apa rasio kontras yang baik?
WCAG AA mewajibkan 4.5:1 untuk teks normal dan 3:1 untuk teks besar. AAA masing-masing mewajibkan 7:1 dan 4.5:1. WCAG 1.4.11 juga mewajibkan 3:1 untuk grafis nonteks penting serta batas atau status komponen UI.
Apa yang dianggap sebagai teks besar?
Teks besar sekitar 18pt (24px) atau 14pt (18.66px) tebal dan lebih besar.
Bagaimana rasionya dihitung?
Dari luminans relatif kedua warna: (lebih terang + 0.05) ÷ (lebih gelap + 0.05), sesuai rumus WCAG.
Terakhir diperbarui: