Penyemak Kontras Warna

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

1.00:1
Berbeza
Fail
Sangat miskin

Teks Biasa

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

Teks besar

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#ff6840

Pembetulan Pantas

Aa

Tajuk Pratonton

Musang coklat yang cepat melompat ke atas anjing malas itu

Contoh teks kecil (12px)

Teks
#000000
Latar belakang
#ff6840

Piawaian WCAG

Level AA

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

Level AAA

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

Kontras yang lemah untuk semua saiz teks.

Penyemak Kontras Warna

Kira nisbah kontras teks dan warna latar belakang.

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

Ciri-ciri Utama

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

Alat Lanjutan

  • Pembetulan warna automatik
  • Teks dan sampel latar belakang
  • Pengesanan nama warna
  • Hasil eksport