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)
White
#ffffff
Kashmir Blue
#507096

Marekebisho ya Haraka

Aa

Kichwa cha Onyesho awali

Mbweha mwepesi kahawia anaruka juu ya mbwa mvivu

Mfano wa maandishi madogo (12px)

Maandishi
#ffffff
Mandharinyuma
#507096

Viwango vya WCAG

Level AA

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

Level AAA

Uwiano wa juu wa 7:1 kwa maandishi ya kawaida na 4.5:1 kwa maandishi makubwa. Inapendekezwa kwa ufikiaji bora.

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 ukitumia Selector ya rangi kwa maandishi na rangi ya mandharinyuma au ingiza rangi katika muundo wa RGB hexadecimal (mfano, #259 au #2596BE). Unaweza kurekebisha kitelezi kuchagua rangi. Miongozo ya Ufikiaji wa Maudhui ya Wavuti (WCAG) ina mwongozo maalum kusaidia kubaini kama maandishi yanayosomeka kwa watumiaji wenye uwezo wa kuona. Kigezo hiki kinatumia algorithimu maalum kuoanisha mchanganyiko wa rangi katika uwiano unaolinganishwa. Kwa kutumia fomula hii, WCAG inasema kwamba uwiano wa rangi wa 4.5:1 kati ya maandishi na mandharinyuma yake unatosha kwa maandishi ya kawaida, na maandishi makubwa (18+ pt kawaida, au 14+ pt nene) yanapaswa kuwa na angalau uwiano wa rangi 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