Pemeriksa kontras warna

Priksa werna sampeyan

Tes kombinasi warna kanggo mesthekake yen cocog karo standar aksesibilitas WCAG kanggo keterbacaan teks.

1.00:1

Kontras

Gagal

miskin banget

Teks normal

AA (4.5:1)

AAA (7:1)

Teks gedhe

AA (3:1)

AAA (4.5:1)

Warna Teks

Werna latar mburi

Ndandani cepet

Judhul pratinjau

Rubah coklat cepet mlumpat liwat asu kesed

Tuladha teks cilik (12px)

Teks

#ffffff

Latar mburi

#156082

Standar WCAG

Tingkat AA

Rasio kontras minimal 4,5:1 kanggo teks normal lan 3:1 kanggo teks gedhe. Dibutuhake kanggo umume situs web.

Tingkat AAA

Rasio kontras sing ditingkatake yaiku 7:1 kanggo teks normal lan 4,5:1 kanggo teks gedhe. Dianjurake kanggo aksesibilitas optimal.

Kontras ora cukup kanggo kabeh ukuran teks - standar WCAG gagal.

Etung rasio kontras teks lan werna latar mburi.

Pilih werna nggunakake picker werna kanggo teks lan werna latar mburi utawa ketik werna ing RGB format heksadesimal (contone, #259 utawa #2596BE). Sampeyan bisa nyetel panggeser kanggo milih werna. Pedoman Aksesibilitas Konten Web (WCAG) nduweni pedoman khusus kanggo nemtokake manawa teks bisa diwaca kanggo pangguna sing katon. Kriteria iki nggunakake algoritma tartamtu kanggo map kombinasi werna menyang rasio iso dibandhingke. Nggunakake rumus iki, WCAG nyatakake yen rasio kontras warna 4,5:1 karo teks lan latar mburine cukup kanggo teks biasa (awak), lan teks gedhe (18+ pt biasa, utawa 14+ pt kandel) kudu paling sethithik rasio kontras warna 3:1.

Fitur utama

Pitungan rasio kontras nyata-wektu
Pemeriksaan kepatuhan WCAG AA & AAA
HSL slider kanggo fine-tuning
Multiple format pratinjau

Piranti lanjut

Ndandani warna otomatis
Sampel teks lan latar mburi
Deteksi jeneng werna
asil ekspor

Pitakonan sing kerep ditakoni

Kanggo kepatuhan WCAG AA, teks biasa mbutuhake rasio kontras minimal 4,5:1, dene teks gedhe (18pt utawa 14pt kandel) mbutuhake 3:1.

WCAG AAA mbutuhake rasio kontras sing luwih dhuwur: 7:1 kanggo teks biasa lan 4,5:1 kanggo teks gedhe, dibandhingake karo 4,5:1 lan 3:1 kanggo AA.

Gunakake fitur perbaikan otomatis kanggo nyetel warna teks utawa latar mburi kanthi njaga tujuan desain sampeyan, utawa atur warna kanthi manual nganggo slider HSL karo indikator visual sing nuduhake zona optimal kanggo kepatuhan AA/AAA.

Zona ijo lan penanda AA/AAA nuduhake rentang optimal kanggo entuk kepatuhan WCAG. Petunjuk arah (Luwih padhang/Luwih peteng) nuntun sampeyan menyang kontras sing luwih apik adhedhasar kombinasi warna sampeyan saiki.

Bisa, sampeyan bisa ngetik kode HEX apa wae utawa milih warna dhewe nganggo pemilih warna. URL bakal dianyari kanthi otomatis supaya sampeyan bisa nuduhake kombinasi warna tartamtu.