Pemeriksa kontras warna
Periksa kontras warna latar depan dan latar belakang secara lokal menggunakan rumus luminans relatif WCAG, tentukan ambang AA/AAA untuk teks isi biasa dan teks berukuran besar, serta dukung ekspor laporan.
Cara menggunakan pemeriksa kontras warna
Nilai warna hanya digunakan untuk menghitung luminans relatif dan kontras di browser saat ini; nilai tersebut tidak diunggah atau disimpan.
Masukkan dua warna
Gunakan pemilih warna atau tempel nilai #RRGGBB untuk menetapkan warna latar depan dan latar belakang; pratinjau akan diperbarui secara bersamaan.
Ambang pemeriksaan
Klik periksa untuk melihat status kelulusan teks isi biasa AA, teks isi biasa AAA, dan teks berukuran besar AA secara terpisah.
Salin catatan pemeriksaan
Setelah lulus, Anda dapat menyalin laporan atau mengunduh TXT, yang mencatat nilai warna, rasio, dan hasil setiap ambang batas.
Batasan dan catatan
- Versi rilis awal hanya menerima #RGB atau #RRGGBB tanpa transparansi; warna semitransparan harus terlebih dahulu menentukan latar belakang komposit aktual.
- 4.5:1 berlaku untuk teks isi biasa AA, 3:1 berlaku untuk teks berukuran besar AA, 7:1 adalah ambang referensi untuk teks isi biasa AAA; ukuran teks, ketebalan font, dan kontras nonteks juga perlu diperiksa.
- Alat ini hanya menghitung sepasang warna solid, tanpa menyimulasikan gradien, gambar, bayangan, rendering font, atau latar belakang yang kompleks.
Pertanyaan umum
Apa arti 4.5:1?
Ini adalah ambang kontras minimum WCAG AA untuk teks isi biasa; ambang AA untuk teks isi berukuran besar adalah 3:1.
Mengapa warna transparan tidak dapat dinilai secara langsung?
Warna akhir latar depan atau latar belakang transparan bergantung pada urutan komposisi dan gambar dasar; menetapkan warna solid yang benar-benar ditampilkan terlebih dahulu akan lebih andal.
Apakah lolos kontras pasti berarti aksesibel?
Belum tentu. Anda juga perlu memeriksa ukuran font, ketebalan font, status, fokus, komponen nonteks, latar belakang gambar, dan tampilan pada perangkat sebenarnya.