Pembangun🔒 Berjalan dalam pelayar anda

Pemeriksa Kontras Warna

Semak pematuhan kontras warna WCAG AA/AAA

Warna Teks

Warna Latar Belakang

Tajuk Pratonton

Beginilah rupa teks isi dengan warna-warna ini.

Dan ini teks kecil untuk rujukan.

Nisbah Kontras

21.00:1

WCAG AA

Teks biasa✓ Lulus

Teks besar (18px+)✓ Lulus

Komponen UI✓ Lulus

WCAG AAA

Teks biasa✓ Lulus

Teks besar (18px+)✓ Lulus

Tentang Pemeriksa Kontras Warna

Pemeriksa Kontras Warna menilai nisbah kontras antara dua warna mengikut garis panduan WCAG 2.1. Ia memberitahu sama ada kombinasi warna anda memenuhi piawaian kebolehcapaian AA atau AAA untuk teks biasa, teks besar, dan komponen UI. Semua berjalan dalam pelayar anda.

Soalan lazim

Apakah nisbah kontras yang baik?

WCAG AA memerlukan nisbah minimum 4.5:1 untuk teks biasa dan 3:1 untuk teks besar (18px+ atau 14px+ tebal). WCAG AAA memerlukan 7:1 untuk teks biasa dan 4.5:1 untuk teks besar. Nisbah yang lebih tinggi bermakna kebolehbacaan yang lebih baik.

Apakah perbezaan antara AA dan AAA?

AA adalah piawaian minimum yang disyorkan untuk kebanyakan kandungan web. AAA adalah piawaian yang lebih ketat yang memberikan kebolehbacaan lebih baik bagi pengguna dengan masalah penglihatan. Memenuhi AAA adalah ideal tetapi tidak sentiasa diperlukan.

Bagaimana nisbah kontras dikira?

Nisbah kontras dikira menggunakan luminans relatif setiap warna seperti yang ditakrifkan oleh WCAG 2.1. Formula ini membandingkan warna lebih cerah dan lebih gelap pada skala dari 1:1 (tiada kontras) hingga 21:1 (kontras maksimum, hitam di atas putih).