Pemeriksa kontras warna WCAG gratis: uji teks dan warna latar belakang untuk kepatuhan AA dan AAA di browser Anda. Masukkan nilai hex atau rgb, lihat rasio kontras dan langsung lulus/gagal. Tidak ada login, tidak ada unggahan.
Ini menghitung rasio kontras WCAG 2.x antara warna latar depan (teks) dan warna latar belakang menggunakan pencahayaan relatif sRGB. Anda mendapatkan rasio numerik (misalnya 4,52:1) ditambah lulus/gagal untuk ambang batas WCAG AA dan AAA pada teks normal dan teks besar. Ini adalah bantuan QA desain—bukan audit aksesibilitas otomatis penuh untuk seluruh situs Anda.
Hex (#RGB, #RRGGBB, #RRGGBBAA), rgb(), dan rgba(). Tempelkan nilai palet merek dari token Figma, variabel CSS, atau dokumen desain. Hex pendek seperti #fff diperluas ke #ffffff sebelum pencahayaan dihitung.
AA adalah dasar hukum dan produk yang umum: 4,5:1 untuk teks normal, 3:1 untuk teks besar. AAA lebih ketat: 7:1 normal, 4,5:1 besar. Banyak situs pemasaran menargetkan AA untuk body copy dan AAA hanya untuk headline hero atau UI berisiko tinggi. Alat ini menunjukkan keduanya sehingga Anda dapat memilih target yang dapat dipertahankan dengan desain.
Teks berukuran besar setidaknya memiliki bobot reguler 18 poin (24 CSS px), atau setidaknya 14 poin tebal (sekitar 18,66 CSS px). Tombol, keterangan, dan cetakan halus sering kali gagal dalam AA meskipun judulnya sudah lolos—periksa setiap ukuran yang Anda kirimkan, bukan hanya contoh H1.
Tidak. Matematika penguraian dan pencahayaan dijalankan sepenuhnya di browser Anda. Eksperimen palet yang belum dirilis dan warna NDA klien tetap ada di perangkat Anda. Kosongkan bidang pada mesin bersama setelah selesai.
Nilai rgba dan #RRGGBBAA diurai, namun kontras dievaluasi pada saluran sRGB buram—pemeriksa tidak melakukan alfa-komposit teks di atas latar belakang fotografi. Untuk teks pada gambar, cicipi warna efektif di belakang salinan atau gunakan overlay solid terlebih dahulu, lalu periksa kembali.
Ya. Gratis tanpa login untuk rasio inti dan jalur lulus/gagal.