Langsung ke pemilih warna

Teks #f5f3ff di atas #8e51ff: cek kontras

Cek teks terhadap latar belakangnya dengan WCAG 2 dan APCA berdampingan, lalu perbaiki dengan sekali klik.

Dibaca sebagai HEX

Dibaca sebagai HEX

Judul besar

Teks isi dalam ukuran baca. Sebagian besar halaman ditulis seperti ini, jadi bagian inilah yang paling butuh kontras.

Tulisan kecil, keterangan, dan petunjuk

Tombol

Hanya untuk teks besar

Cocok untuk judul mulai 24 px, atau 19 px tebal. Terlalu lemah untuk teks isi.

4,01:1

  • AA · teks biasaGagal
  • AA · teks besarLolos
  • AAA · teks biasaGagal
  • AAA · teks besarGagal

Lc -68,2

Teks konten, 18 px atau tebal

Versi APCA-W3 0.1.9. APCA adalah kandidat untuk WCAG 3 dan ditampilkan sebagai panduan.

Perbaiki kontras

Warna terdekat yang lolos. Hanya kecerahan yang berubah, jadi ronanya tetap milik Anda.

Sesuaikan teksSesuaikan latar
WCAG AA 4,5:1#0a0910#8647f5
WCAG AAA 7:1Tidak bisa dicapai hanya dengan mengubah kecerahan.#6b1dd2
APCA Lc 75#ffffff#7f3dec