Pemeriksa Kontras Warna

Semak nisbah kontras WCAG antara warna teks dan latar belakang, termasuk AA/AAA untuk teks biasa dan besar.

Warna
Semak nisbah kontras WCAG antara warna teks dan latar belakang, termasuk AA/AAA untuk teks biasa dan besar.
Keputusan
Warna lutsinar dicampur dengan putih untuk kontras.
Nisbah kontras
18.88:1
AA (normal): LulusAA (besar): LulusAAA (normal): LulusAAA (besar): Lulus
Hadapan
#111111
Latar
#FFFFFF
Aa Bb Cc 123
Pratonton
Teks biasa / Teks besar
Teks biasa

Aa Bb Cc 123

Teks besar

Aa Bb Cc 123

Apakah kontras warna?

Nisbah kontras mengukur perbezaan luminans antara teks (hadapan) dan latar pada skala 1:1 (tiada kontras) hingga 21:1 (hitam di atas putih).

Alat ini menukar warna kepada sRGB, mengadun ketelusan sebelum perbandingan dan menggunakan formula luminans relatif WCAG.

Ambang WCAG

  • AA: 4.5:1 untuk teks biasa, 3:1 untuk teks besar.
  • AAA: 7:1 untuk teks biasa, 4.5:1 untuk teks besar.
  • Teks besar ialah 18pt+ biasa atau 14pt+ tebal.
  • Komponen UI, ikon dan grafik sepatutnya sekurang-kurangnya 3:1.

Nisbah lebih tinggi meningkatkan kebolehbacaan, terutama untuk fon nipis atau saiz kecil.