Pemeriksa kontras
Pilih warna teks dan latar untuk memeriksa rasio kontrasnya terhadap ambang WCAG AA dan AAA. Lihat hasil terpisah untuk teks normal dan teks besar, beserta pratinjau dengan warna yang dipilih.
Yang dapat Anda lakukan
Periksa rasio dua warna
Pilih warna teks dan latar belakang lalu lihat rasio kontrasnya hingga dua angka desimal.
Bandingkan ambang AA dan AAA
Lihat hasil terpisah untuk teks normal dan teks besar, beserta pratinjau menggunakan warna yang dipilih.
Bandingkan terhadap hitam dan putih
Buka detail opsional untuk membandingkan warna teks terhadap latar belakang hitam dan putih.
Cara penggunaan
Masukkan warna teks
Pilih HEX, RGB, HSL, HSV, atau CMYK lalu masukkan warna teks. Memilih contoh warna akan mengubah input menjadi HEX.
Pilih latar belakang
Masukkan nilai HEX tiga atau enam digit, atau gunakan pemilih warna. Awalan # bersifat opsional.
Periksa kontras
Pilih Periksa kontras untuk meninjau rasio, pratinjau teks, dan hasil AA/AAA. Periksa lagi setelah salah satu warna diubah.
Kapan alat ini membantu
Periksa teks isi di atas latar belakang
Masukkan warna yang dipakai pada sebuah halaman dan periksa apakah teks normal memenuhi rasio yang disyaratkan.
Bandingkan warna judul
Gunakan hasil teks besar dan pratinjaunya saat mempertimbangkan pasangan warna untuk sebuah judul.
Membaca hasil
Rasio AA dan AAA
AA memerlukan minimal 4.5:1 untuk teks normal dan 3:1 untuk teks besar. AAA memerlukan 7:1 untuk teks normal dan 4.5:1 untuk teks besar. Hasil memakai rasio yang belum dibulatkan.
Apa yang dihitung sebagai teks besar
Teks besar berarti minimal 18 pt, atau 14 pt tebal. Dalam CSS ini setara 24px, atau sekitar 18.7px tebal. Pratinjau memakai teks dengan ketebalan normal (bukan tebal) pada 16px dan 24px.
Cakupan pemeriksaan
Ini memeriksa kontras teks antara dua warna sRGB yang tidak tembus pandang. Ini tidak menilai latar belakang gambar, percampuran alpha, elemen non-teks, atau kesesuaian seluruh halaman.
Pertanyaan dan jawaban
Apakah rasio yang lolos berarti seluruh halaman sesuai?
Hasil ini hanya mencakup kontras teks untuk dua warna yang dipilih. Kesesuaian seluruh halaman dinilai secara terpisah.
Apa yang ditunjukkan perbandingan hitam-putih?
Ini membandingkan warna teks yang dipilih terhadap hitam dan putih serta menunjukkan yang mana memiliki rasio lebih tinggi. Ini terpisah dari hasil latar belakang yang dipilih.
Bisakah saya memeriksa teks transparan atau teks di atas gambar?
Latar belakang dengan alpha maupun gambar tidak didukung. Masukkan warna teks dan latar belakang yang tidak tembus pandang.
Input dan keluaran
- Warna teks
- Nilai HEX, RGB, HSL, HSV, atau CMYK, atau pemilih warna. CMYK merupakan perkiraan tanpa profil ICC.
- Latar belakang
- HEX tiga atau enam digit, atau pemilih warna. Alpha tidak didukung.
- Hasil
- Rasio kontras, hasil AA/AAA untuk teks normal dan teks besar, serta pratinjau teks. Hasil ditampilkan tanpa aksi penyimpanan.