Pemeriksa Kontras Warna

Uji rasio kontras antara warna latar depan dan latar belakang untuk memastikan aksesibilitas.

1.00:1
Kontras
Fail
Sangat buruk

Teks Normal

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

Teks besar

AA (3:1)
AAA (4.5:1)
White
#ffffff
Black
#e24826

Perbaikan Cepat

Aa

Judul Pratinjau

Rubah coklat yang cepat melompati anjing pemalas

Contoh teks kecil (12px)

Teks
#ffffff
Latar belakang
#e24826

Standar WCAG

Level AA

Rasio kontras minimum 4,5:1 untuk teks normal dan 3:1 untuk teks besar. Diperlukan untuk sebagian besar situs web.

Level AAA

Rasio kontras yang disempurnakan sebesar 7:1 untuk teks normal dan 4,5:1 untuk teks besar. Direkomendasikan untuk aksesibilitas yang optimal.

Kontras tidak memadai untuk semua ukuran teks - gagal memenuhi standar WCAG.

Pemeriksa Kontras Warna

Hitung rasio kontras warna teks dan latar belakang.

Pilih warna menggunakan pemilih warna untuk teks dan warna latar belakang, atau masukkan warna dalam format heksadesimal RGB (misalnya, #259 atau #2596BE). Anda dapat menyesuaikan slider untuk memilih warna. Pedoman Aksesibilitas Konten Web (WCAG) memiliki pedoman khusus untuk membantu menentukan apakah teks dapat dibaca oleh pengguna tunanetra. Kriteria ini menggunakan algoritma khusus untuk memetakan kombinasi warna ke dalam rasio yang sebanding. Dengan rumus ini, WCAG menyatakan bahwa rasio kontras warna 4,5:1 antara teks dan latar belakangnya memadai untuk teks biasa (isi), dan teks besar (18+ pt reguler, atau 14+ pt tebal) harus memiliki rasio kontras warna minimal 3:1.

Fitur Utama

  • Perhitungan rasio kontras waktu nyata
  • Pemeriksaan kepatuhan WCAG AA & AAA
  • Slider HSL untuk fine-tuning
  • Beberapa format pratinjau

Alat Canggih

  • Perbaikan warna otomatis
  • Contoh teks dan latar belakang
  • Deteksi nama warna
  • Ekspor hasil