WCAG Contrast Checker
WCAG Contrast Checker — berjalan dalam pelayar. Input tidak disimpan.
Kontras warna WCAG
Masukkan nilai, kemudian tekan Kira.
Cara guna
- Masukkan HEX latar depan (teks) dan HEX latar belakang. Lalai #111111 dan #ffffff.
- Tekan Kira untuk pratonton ayat sampel, nisbah kontras, dan penarafan teks biasa / teks besar.
- Untuk membalikkan warna, tekan Tukar warna kemudian kira lagi.
- Jika penarafan gagal, gelapkan atau cerahkan HEX sedikit kemudian kira lagi.
- Set semula memulihkan pasangan hitam-putih lalai. Hanya HEX legap disokong.
Konsep utama
Pemeriksaan kontras WCAG ialah ukuran kebolehcapaian web seberapa baik teks isi dan butang menonjol daripada latar. Nisbah kontras dikira daripada kecerahan relatif dan dibandingkan dengan WCAG 2.x. Teks biasa ialah AA 4.5:1 dan AAA 7:1; teks besar (kira-kira 18 pt atau 14 pt tebal) ialah AA 3:1 dan AAA 4.5:1. Ia pemeriksa kontras yang menunjukkan nisbah WCAG 2 dan AA/AAA untuk sama ada teks isi dan butang boleh dibezakan daripada latar. Ia pemeriksa untuk melihat cepat nisbah kontras dan AA/AAA warna isi berbanding HEX latar dalam semakan kebolehcapaian. Bukan penentuan undang-undang muktamad.
Hasil ialah pengiraan rujukan dan tidak menggantikan audit kebolehcapaian muktamad atau pematuhan undang-undang. Warna separa lutsinar dengan alfa, kecerunan, dan teks pada imej mungkin memerlukan lebih daripada rumus ini. Pengiraan hanya dalam pelayar. Rumus kecerahan relatif mengandaikan HEX sRGB legap. Hamparan lutsinar dan huruf pada foto boleh berbeza daripada realiti. Ambang teks besar dan teks biasa berbeza, jadi kira warna tajuk dan warna isi secara berasingan.
Contoh
Latar depan #111111 pada latar #ffffff menghasilkan nisbah sekitar 19:1, hampir AAA untuk teks biasa dan besar. Kelabu muda #9ca3af pada putih kerap gagal AA untuk teks biasa. Tukar warna menggelapkan latar dan mengubah kesan pratonton. Teks #2563eb pada #ffffff boleh mendarat di julat tengah dan hampir lulus atau gagal AA teks biasa. Cuba biru lebih gelap. Teks #6b7280 pada #f9fafb mempunyai nisbah rendah dan kerap gagal teks biasa. Menukar teks kepada #111 hampir AAA.
Berkaitan: Palet warna · Penukar warna
Soalan lazim
Bagaimana ambang teks besar WCAG digunakan?
Kriteria longgar 3:1 / 4.5:1 untuk 18 pt atau 14 pt tebal ditunjukkan dalam medan teks besar. Medan itu ambang longgar untuk tajuk dan 18 pt ke atas. Andaian 18 pt / 14 pt tebal hanya terpakai kepada medan teks besar.
Berapakah nisbah kontras WCAG AAA?
7:1 atau lebih untuk teks biasa dan 4.5:1 atau lebih untuk teks besar. AA masing-masing 4.5:1 dan 3:1. AAA ialah 7:1 untuk salinan isi, jadi warna jenama pucat kerap gagal. Pastel jenama kerap terlepas AAA.
Bolehkah HEX dengan saluran alfa lutsinar digunakan untuk kontras?
Hanya HEX legap disokong. Ketelusan tidak disokong; masukkan HEX akhir yang sudah dikomposit. Untuk lutsinar, komposit dahulu, kemudian masukkan HEX.
Ayat apa yang digunakan dalam pratonton kontras?
Menunjukkan teks sampel “Sample 가나다” dengan latar depan dan latar yang sama. Pratonton ialah ayat sampel dan boleh berbeza daripada saiz komponen sebenar.
Adakah pemeriksaan ini menjamin pematuhan kebolehcapaian undang-undang?
Ia pengiraan rujukan. Lakukan audit muktamad secara berasingan. Jangan anggap nombor ini sebagai lulus undang-undang. Jangan ganti senarai semak audit dengan nombor ini sahaja.
Bolehkah saya menukar latar depan dan latar sekaligus?
Butang Tukar warna menukar dua nilai HEX. Tekan Kira lagi. Anda juga boleh membandingkan pasangan mod gelap dengan Tukar warna.
Disemak terakhir: 2026-09-04