Teks #fef2f2 di atas #e7000b: 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
TombolHanya untuk teks besar
Cocok untuk judul mulai 24 px, atau 19 px tebal. Terlalu lemah untuk teks isi.
4,36:1
- AA · teks biasaGagal
- AA · teks besarLolos
- AAA · teks biasaGagal
- AAA · teks besarGagal
Lc -68,7
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 teks | Sesuaikan latar | |
|---|---|---|
| WCAG AA 4,5:1 | #fff6f6 | #e30003 |
| WCAG AAA 7:1 | Tidak bisa dicapai hanya dengan mengubah kecerahan. | #ab0000 |
| APCA Lc 75 | #ffffff | #cc0000 |