ImageColorPicker.com

Pemeriksa kontras warna

Tes rasio kontras antarane werna latar ngarep lan latar mburi kanggo mesthekake aksesibilitas.

Priksa werna sampeyan

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

16.89 banding 1
Kontras
AAA
Hasil teks
Super

Dibandhingake: #000000 ing #F5E4D0

Teks

16px, Regular (400)

Dianggep teks biasa.

  • AA (WCAG 1.4.3): paling ora 4.5:1

    Lulus

  • AAA (WCAG 1.4.6): paling ora 7:1

    Lulus

Komponen UI lan grafis

Ikon, wates input, indikator fokus lan bagean liya sing kudu katon supaya bisa nggunakake antarmuka.

  • AA (WCAG 1.4.11): paling ora 3:1

    Lulus
16.89 banding 1. Teks: lulus AA, lulus AAA. Komponen UI: lulus.
Kepiye iki dipriksa
Warna sing dibandhingake (sawisé blending)
Teks #000000 ing latar #F5E4D0
Luminans relatif
Teks 0.0000, latar 0.7945
Formula
(L1 + 0.05) / (L2 + 0.05) ngendi L1 iku luminans warna sing luwih padhang lan L2 saka sing luwih peteng.
Rasio tepat
16.8906 nganti 1, ditampilaké minangka 16.89 nganti 1. Nilai sing ditampilaké dipotong, ora dibuletaké, supaya ora katon luwih apik saka kahanane. Nilai tepat sing dibandhingaké karo syarat.

Ukuran teks: 16px, Regular (400)

Dianggep teks biasa. Teks gedhe paling ora 24px (18pt), utawa paling ora 18.67px (14pt) yen bold (bobot 700 utawa luwih). Ukuran ditampilake dipotong, ora dibunderake.

Dianggep teks biasa. Teks gedhe paling ora 24px (18pt), utawa paling ora 18.67px (14pt) yen bold (bobot 700 utawa luwih). Ukuran ditampilake dipotong, ora dibunderake.

Aa
Judhul pratinjau

Rubah coklat cepet mlumpat liwat asu kesed

Tuladha teks cilik (12px)

Teks
#000000
Latar mburi
#f5e4d0

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.

Pemeriksa kontras warna

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.