FREE WCAG COLOR CONTRAST CHECKER

Pemeriksa kontras warna WCAG gratis

Periksa langsung apakah warna teks dan latar mudah dibaca menurut WCAG 2.2.

Warna dan hasil tidak dikirim atau disimpan di server.

  1. 1Masukkan warna
  2. 2Periksa kontras
  3. 3Salin hasil

1 · Masukkan warna

Pilih warna yang akan dibandingkan

Dihitung di perangkat Anda

Gunakan pemilih warna atau HEX 3 maupun 6 digit.

Pasangan contoh

2 · Periksa kontras

Hasil kontras WCAG 2.2

Rasio kontras—
  • AA teks normal4,5:1 atau lebih—
  • AA teks besar3:1 atau lebih—
  • AAA teks normal7:1 atau lebih—
  • AAA teks besar4,5:1 atau lebih—
  • Komponen UI3:1 atau lebih—

3 · Salin hasil

Pratinjau warna nyata

Teks normal — periksa apakah isi tetap mudah dibaca.

Pratinjau teks besarContoh tombol

Hanya memeriksa warna sRGB solid dan buram. Transparansi, gradien, gambar, dan kepatuhan seluruh halaman tidak diperiksa.

Panduan aksesibilitas warna gratis

Periksa pasangan yang mudah dibaca dengan dua warna

Hitung kontras WCAG 2.2 secara gratis tanpa akun atau instalasi.
1

Masukkan dua warna

Masukkan warna depan dan latar solid tepat di belakangnya.

2

Periksa ambang

Lihat AA dan AAA untuk teks normal, besar, dan UI.

3

Lihat pratinjau

Periksa contoh teks dan komponen pada ukuran nyata.

Memahami kontras WCAG

Satu rasio, ambang berbeda

Nilai minimum berubah menurut ukuran teks dan tingkat kepatuhan.

Teks normal 4,5:1

WCAG AA memerlukan minimal 4,5:1 untuk teks normal.

Teks besar 3:1

Teks besar lulus AA mulai rasio 3:1.

UI perlu 3:1

Kontrol dan grafik penting memerlukan rasio 3:1.

FREE WCAG COLOR CONTRAST CHECKER FAQ

Pertanyaan pemeriksa kontras warna

Pelajari penggunaan gratis, ambang WCAG, dan batas pemeriksaan.
1Apakah pemeriksa kontras ini gratis?

Ya. Gratis tanpa akun dan tanpa batas jumlah penggunaan.

2Apa beda AA dan AAA?

AAA menuntut kontras lebih kuat. Teks normal perlu 4,5:1 untuk AA dan 7:1 untuk AAA.

3Apa yang disebut teks besar?

Menurut WCAG, sekitar 24px dengan bobot normal atau 18,66px jika tebal.

4Apakah hasil ini membuktikan seluruh situs saya sesuai WCAG?

Tidak. Alat ini hanya menghitung sepasang warna solid buram. Warna yang benar-benar bersebelahan, setiap status, gambar, dan syarat lain tetap perlu diperiksa.