◐

Pemeriksa Kontras Warna

Periksa rasio kontras WCAG antara warna teks dan latar belakang dengan hasil AA/AAA.

File tetap di perangkat ini

File diproses di browser, tidak pernah diunggah. Situs mengunduh kode dan aset yang diperlukan alat. Tanpa akun atau pelacak.

Gunakan Unduh untuk menyimpan alat ini sebagai satu file HTML untuk penggunaan offline.

Privasi →

Warna teks

Latar belakang

Saya lihat foto Zaman Purba di Jawa Timur belum pernah dikupas.

Contoh teks besar

Coba contoh lengkap

Contoh

Atur warna teks ke #767676 dan latar ke #ffffff. Rasionya 4.54:1, yang lolos AA untuk teks normal. Satu tingkat lebih terang, #777777 memberi 4.48:1 dan gagal, karena AA mensyaratkan minimal 4,5:1 untuk teks normal.

Perlu diingat

Teks besar (sekitar 24px, atau 18,7px tebal) hanya perlu 3:1 untuk AA. Rasio ini mengabaikan font tipis, teks di atas gambar, dan transparansi, jadi periksa juga desain aslinya dan jangan menyampaikan makna hanya dengan warna.

Tentang alat ini

Bandingkan warna latar depan dan latar belakang untuk melihat rasio kontras WCAG serta apakah lolos AA dan AAA, semuanya dihitung secara lokal di browser Anda.

Pertanyaan yang sering diajukan

Apa yang dianggap sebagai teks besar?

WCAG menganggap teks berukuran 18pt (24px) atau 14pt (18,66px) tebal sebagai teks besar, yang membutuhkan rasio lebih rendah yaitu 3:1 untuk AA.

Rasio mana yang lolos?

Teks normal membutuhkan 4,5:1 untuk AA dan 7:1 untuk AAA; teks besar membutuhkan 3:1 untuk AA dan 4,5:1 untuk AAA.