Pengembang🔒 Berjalan di browser Anda

Pemeriksa Kontras Warna

Periksa kepatuhan kontras warna WCAG AA/AAA

Warna Teks

Warna Latar Belakang

Judul Pratinjau

Begini tampilan teks isi dengan warna-warna ini.

Dan ini teks kecil untuk referensi.

Rasio Kontras

21.00:1

WCAG AA

Teks normal✓ Lulus

Teks besar (18px+)✓ Lulus

Komponen UI✓ Lulus

WCAG AAA

Teks normal✓ Lulus

Teks besar (18px+)✓ Lulus

Tentang Pemeriksa Kontras Warna

Pemeriksa Kontras Warna mengevaluasi rasio kontras antara dua warna sesuai panduan WCAG 2.1. Ini memberi tahu apakah kombinasi warna Anda memenuhi standar aksesibilitas AA atau AAA untuk teks normal, teks besar, dan komponen UI. Semua berjalan di browser Anda.

Pertanyaan yang sering diajukan

Berapa rasio kontras yang baik?

WCAG AA membutuhkan rasio minimum 4,5:1 untuk teks normal dan 3:1 untuk teks besar (18px+ atau 14px+ tebal). WCAG AAA membutuhkan 7:1 untuk teks normal dan 4,5:1 untuk teks besar. Rasio lebih tinggi berarti keterbacaan lebih baik.

Apa perbedaan antara AA dan AAA?

AA adalah standar minimum yang direkomendasikan untuk sebagian besar konten web. AAA adalah standar yang lebih ketat yang memberikan keterbacaan lebih baik bagi pengguna dengan gangguan penglihatan. Memenuhi AAA ideal tetapi tidak selalu diperlukan.

Bagaimana rasio kontras dihitung?

Rasio kontras dihitung menggunakan luminansi relatif setiap warna seperti yang didefinisikan oleh WCAG 2.1. Rumus membandingkan warna lebih terang dan lebih gelap pada skala dari 1:1 (tidak ada kontras) hingga 21:1 (kontras maksimum, hitam di atas putih).

Pertanyaan yang sering diajukan

Berapa rasio kontras yang baik?

Apa perbedaan antara AA dan AAA?

Bagaimana rasio kontras dihitung?