Pemeriksa Kontras Warna

Uji nisbah kontras antara warna latar depan dan latar belakang untuk memastikan kebolehcapaian.

1.00:1
Kontras
Fail
Sangat lemah

Teks Biasa

AA (4.5:1)
AAA (7:1)

Teks besar

AA (3:1)
AAA (4.5:1)
White
#ffffff
Cerulean Blue
#2a52be

Pembaikan Pantas

Aa

Tajuk Pratonton

Si musang coklat pantas melompat ke atas anjing malas

Contoh teks kecil (12px)

Teks
#ffffff
Latar
#2a52be

Piawaian WCAG

Level AA

Nisbah kontras minimum 4.5:1 untuk teks biasa dan 3:1 untuk teks besar. Diperlukan untuk kebanyakan laman web.

Level AAA

Nisbah kontras dipertingkatkan 7:1 untuk teks biasa dan 4.5:1 untuk teks besar. Disyorkan untuk kebolehcapaian optimum.

Kontras tidak mencukupi untuk semua saiz teks - tidak memenuhi piawaian WCAG.

Pemeriksa Kontras Warna

Kira nisbah kontras warna teks dan latar belakang.

Pilih warna menggunakan pemilih warna untuk teks dan warna latar belakang atau masukkan warna dalam format heksadesimal RGB (contohnya, #259 atau #2596BE). Anda boleh melaraskan peluncur untuk memilih warna. Garis Panduan Kebolehcapaian Kandungan Web (WCAG) mempunyai garis panduan khusus untuk membantu menentukan sama ada teks boleh dibaca oleh pengguna yang melihat. Kriteria ini menggunakan algoritma tertentu untuk memetakan kombinasi warna ke dalam nisbah yang boleh dibandingkan. Menggunakan formula ini, WCAG menyatakan bahawa nisbah kontras warna 4.5:1 dengan teks dan latar belakangnya adalah mencukupi untuk teks biasa, dan teks besar (18+ pt biasa, atau 14+ pt tebal) harus mempunyai sekurang-kurangnya nisbah kontras warna 3:1.

Ciri Utama

  • Pengiraan nisbah kontras masa nyata
  • Pemeriksaan pematuhan WCAG AA & AAA
  • Peluncur HSL untuk penalaan halus
  • Pelbagai format pratonton

Alat Lanjutan

  • Pembetulan warna automatik
  • Contoh teks dan latar belakang
  • Pengesanan nama warna
  • Eksport hasil