Teks #dc143c di atas #e30b5c: 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
TombolSulit dibaca
Kontras terlalu rendah, bahkan untuk judul besar. Ganti salah satu warna atau pakai perbaikan di bawah.
1,06:1
- AA · teks biasaGagal
- AA · teks besarGagal
- AAA · teks biasaGagal
- AAA · teks besarGagal
Lc 0,0
Terlalu rendah untuk teks apa pun
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 teks | Sesuaikan latar | |
|---|---|---|
| WCAG AA 4,5:1 | #fff9f8 | #ffeff3 |
| WCAG AAA 7:1 | Tidak bisa dicapai hanya dengan mengubah kecerahan. | Tidak bisa dicapai hanya dengan mengubah kecerahan. |
| APCA Lc 75 | #ffffff | Tidak bisa dicapai hanya dengan mengubah kecerahan. |