Pemeriksa Kontras Warna

Ini ialah penyemak kontras warna WCAG yang menunjukkan nisbah kontras tepat antara warna teks dan warna latar belakang, serta sama ada ia memenuhi tahap kebolehcapaian AA dan AAA. Pilih warna dengan swatch atau mengikut kod heks dan lihat pratonton langsung.

Laraskan kedua-dua warna sehingga lencana melepasi tahap yang anda perlukan, dan hasilnya dikemas kini serta-merta semasa anda melaraskannya.

Teks yang terlalu hampir dari segi kecerahan dengan latar belakangnya sukar atau mustahil dibaca, terutamanya bagi orang dengan penglihatan rendah atau kekurangan penglihatan warna, atau bagi sesiapa yang menggunakan telefon di bawah cahaya matahari terang. Kontras yang mencukupi memastikan kandungan anda mudah dibaca oleh semua orang.

Garis Panduan Kebolehcapaian Kandungan Web (WCAG) menetapkan standardnya. AA, tahap yang disasarkan oleh kebanyakan laman dan dirujuk oleh banyak undang-undang kebolehcapaian, memerlukan nisbah 4.5:1 untuk teks biasa dan 3:1 untuk teks besar. AAA lebih ketat pada 7:1 dan 4.5:1.

Teks besar mendapat ambang yang lebih rendah kerana huruf yang lebih besar kekal mudah dibaca pada kontras yang kurang. Ia dikira besar pada kira-kira 24px (18pt), atau 18.66px (14pt) apabila tebal.

Nisbah datang daripada luminans relatif kedua-dua warna menggunakan formula WCAG rasmi, menghasilkan nilai daripada 1:1 (tiada kontras, warna yang sama) sehingga 21:1 (hitam pada putih).

Segala-galanya dikira dalam pelayar anda, jadi ia serta-merta dan peribadi. Tiada apa-apa yang anda pilih dimuat naik ke mana-mana.