Penyemak kontras warna WCAG percuma: ujian teks dan warna latar belakang untuk pematuhan AA dan AAA dalam penyemak imbas anda. Masukkan nilai hex atau rgb, lihat nisbah kontras dan lulus/gagal serta-merta. Tiada log masuk, tiada muat naik.
Ia mengira nisbah kontras WCAG 2.x antara warna latar depan (teks) dan warna latar belakang menggunakan kecerahan relatif sRGB. Anda mendapat nisbah berangka (contohnya 4.52:1) ditambah lulus/gagal untuk ambang WCAG AA dan AAA pada teks biasa dan teks besar. Ia ialah pembantu QA reka bentuk—bukan audit kebolehaksesan automatik penuh bagi keseluruhan tapak anda.
Hex (#RGB, #RRGGBB, #RRGGBBAA), rgb() dan rgba(). Tampalkan nilai palet jenama daripada token Figma, pembolehubah CSS atau dokumen reka bentuk. Heks pendek seperti #fff mengembang kepada #ffffff sebelum kecerahan dikira.
AA ialah garis dasar undang-undang dan produk biasa: 4.5:1 untuk teks biasa, 3:1 untuk teks besar. AAA lebih ketat: 7:1 biasa, 4.5:1 besar. Banyak tapak pemasaran menyasarkan AA untuk salinan badan dan AAA hanya untuk tajuk utama wira atau UI berisiko tinggi. Alat ini menunjukkan kedua-duanya supaya anda boleh memilih sasaran yang boleh dipertahankan dengan reka bentuk.
Teks besar sekurang-kurangnya 18 mata (24 CSS px) berat biasa, atau sekurang-kurangnya 14 mata tebal (kira-kira 18.66 CSS px). Butang, kapsyen dan cetakan halus sering gagal AA walaupun apabila tajuk lulus—periksa setiap saiz yang anda hantar, bukan hanya swatch H1.
Tidak. Penghuraian dan pengiraan matematik dijalankan sepenuhnya dalam penyemak imbas anda. Percubaan palet yang belum dikeluarkan dan warna NDA pelanggan kekal pada peranti anda. Kosongkan medan pada mesin kongsi apabila selesai.
nilai rgba dan #RRGGBBAA dihuraikan, tetapi kontras dinilai pada saluran sRGB legap—pemeriksa tidak menyusun teks alfa-komposit pada latar belakang fotografi. Untuk teks pada imej, sampel warna berkesan di belakang salinan atau gunakan tindanan pepejal dahulu, kemudian semak semula.
ya. Percuma tanpa log masuk untuk nisbah teras dan laluan lulus/gagal.