Apa itu Pemeriksa Kontras Warna?

Color Contrast Checker mengevaluasi rasio kontras antara warna latar depan dan latar belakang berdasarkan standar aksesibilitas WCAG 2.1. Alat ini langsung memberi tahu apakah kombinasi warna Anda memenuhi pedoman AA atau AAA untuk teks normal dan teks besar.

Cara menggunakan

1. Langkah 1 — Atur warna latar depan (teks) menggunakan pemilih warna atau dengan memasukkan nilai HEX/RGB.
2. Langkah 2 — Atur warna latar belakang dengan cara yang sama. Rasio kontras dan tingkat kepatuhan WCAG diperbarui secara langsung.
3. Langkah 3 — Periksa badge lulus/gagal untuk level AA dan AAA. Sesuaikan warna hingga semua kriteria yang relevan terpenuhi.

Hasil

Seorang desainer menguji teks abu-abu gelap (#333333) pada latar belakang biru muda (#E3F2FD) — alat ini menunjukkan rasio 10,5:1, lulus WCAG AA dan AAA untuk semua ukuran teks.

Alat terkait