Pemeriksa Kontras Warna

Ini adalah pemeriksa kontras warna WCAG yang menunjukkan rasio kontras persis antara warna teks dan warna latar belakang, serta apakah memenuhi tingkat aksesibilitas AA dan AAA. Pilih warna dengan swatch atau dengan kode heksadesimal dan lihat pratinjau langsung.

Sesuaikan kedua warna hingga lencana lolos pada tingkat yang Anda butuhkan, dan hasilnya diperbarui secara instan seiring Anda menyesuaikannya.

Teks yang terlalu dekat kecerahannya dengan latar belakangnya sulit atau tidak mungkin dibaca, terutama bagi orang dengan penglihatan rendah atau gangguan penglihatan warna, atau bagi siapa pun yang menggunakan ponsel di bawah sinar matahari terang. Kontras yang cukup menjaga konten Anda tetap terbaca bagi semua orang.

Web Content Accessibility Guidelines (WCAG) menetapkan standarnya. AA, tingkat yang diincar sebagian besar situs dan yang dirujuk banyak undang-undang aksesibilitas, membutuhkan rasio 4,5:1 untuk teks normal dan 3:1 untuk teks besar. AAA lebih ketat pada 7:1 dan 4,5:1.

Teks besar mendapat ambang batas yang lebih rendah karena huruf yang lebih besar tetap terbaca pada kontras yang lebih rendah. Teks dianggap besar pada sekitar 24px (18pt), atau 18,66px (14pt) jika tebal.

Rasio berasal dari luminans relatif kedua warna menggunakan rumus resmi WCAG, menghasilkan nilai dari 1:1 (tanpa kontras, warna identik) hingga 21:1 (hitam di atas putih).

Semuanya dihitung di browser Anda, sehingga instan dan privat. Tidak ada yang Anda pilih yang diunggah ke mana pun.