Langsung ke pemilih warna

Teks #4b004f di atas #e12afb: 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,20:1

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

Lc 37,2

Teks singkat dan placeholder

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#420046#e834ff
WCAG AAA 7:1Tidak bisa dicapai hanya dengan mengubah kecerahan.#fb85ff
APCA Lc 75Tidak bisa dicapai hanya dengan mengubah kecerahan.#ffbeff