ImageColorPicker.com

Kikagua Ulinganifu wa Rangi

Jaribu uwiano wa rangi kati ya rangi ya mbele na mandharinyuma ili kuhakikisha ufikiaji.

1.00:1
Ulinganifu
Fail
Duni sana

Maandishi ya Kawaida

AA (4.5:1)
✖
AAA (7:1)
✖

Maandishi makubwa

AA (3:1)
✖
AAA (4.5:1)
✖
#FFFFFF
#ffffff
#546E7A
#546e7a

Marekebisho ya Haraka

Aa

Kichwa cha Onyesho awali

Mbweha mwepesi kahawia anaruka juu ya mbwa mvivu

Mfano wa maandishi madogo (12px)

Maandishi
#ffffff
Mandharinyuma
#546e7a

Viwango vya WCAG

Level AA

Uwiano wa chini wa tofauti wa 4.5:1 kwa maandiko ya kawaida na 3:1 kwa maandiko makubwa. Inahitajika kwa tovuti nyingi.

Level AAA

Uwiano wa juu zaidi wa tofauti wa 7:1 kwa maandiko ya kawaida na 4.5:1 kwa maandiko makubwa. Inashauriwa kwa ufikiaji bora zaidi.

Tofauti haitoshi kwa maandishi yote - haikidhi viwango vya WCAG.

Kikagua Tofauti ya Rangi

Hesabu uwiano wa rangi kati ya maandishi na rangi ya mandharinyuma.

Chagua rangi kwa kutumia kiondozi rangi kwa rangi ya maandiko na mandharinyuma au ingiza rangi kwa muundo wa tarakimu ya RGB (mfano, #259 au #2596BE). Unaweza kurekebisha kitelezi ili kuchagua rangi. Miongozo ya Ufikiaji wa Maudhui ya Wavuti (WCAG) ina miongozo maalum ya kusaidia kutambua ikiwa maandiko yanayosoma yanaonekana kwa watumiaji wenye kuona. Hii inatumia algoriti maalum kupima mchanganyiko wa rangi kuwa viwango vya uwiano unaolinganishwa. Kutumia fomula hii, WCAG inasema uwiano wa tofauti wa rangi wa 4.5:1 na maandiko na mandharinyuma ni mzuri kwa maandiko ya kawaida, na maandiko makubwa (18+ pt ya kawaida, au 14+ pt yakiwa manene) yanatakiwa kuwa na angalau uwiano wa tofauti wa 3:1.

Vipengele Muhimu

  • • Hesabu ya uwiano wa tofauti kwa wakati halisi
  • • Ukaguzi wa ulinganifu wa WCAG AA & AAA
  • • Vitelezi vya HSL kwa kurekebisha kwa usahihi
  • • Miundo mingi ya hakikisho

Zana za Juu

  • • Urekebishaji wa rangi kiotomatiki
  • • Sampuli za maandishi na mandharinyuma
  • • Utambuzi wa jina la rangi
  • • Hamisha matokeo