Kikagua Utofautishaji wa Rangi

Jaribu uwiano wa utofautishaji kati ya rangi ya mandharinyuma na ya mandharinyuma ili kuhakikisha ufikivu.

1.00:1
Tofautisha
Fail
Hafifu sana

Maandishi ya Kawaida

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

Maandishi makubwa

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#00ff45

Marekebisho ya Haraka

Aa

Kichwa cha Hakiki

Mbweha wa kahawia haraka anaruka juu ya mbwa mvivu

Mfano wa maandishi madogo (12px)

Maandishi
#000000
Usuli
#00ff45

Viwango vya WCAG

Level AA

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

Level AAA

Uwiano ulioimarishwa wa utofautishaji wa 7:1 kwa maandishi ya kawaida na 4.5:1 kwa maandishi makubwa. Inapendekezwa kwa ufikivu bora zaidi.

Utofautishaji hafifu kwa saizi zote za maandishi.

Kikagua Utofautishaji wa Rangi

Kokotoa uwiano wa utofautishaji wa maandishi na rangi za mandharinyuma.

Chagua rangi kwa kutumia kiteua rangi kwa maandishi na rangi ya mandharinyuma au weka rangi katika umbizo la heksadesimali la RGB (k.m., #259 au #2596BE). Unaweza kurekebisha kitelezi kuchagua rangi. Miongozo ya Ufikiaji wa Maudhui ya Wavuti (WCAG) ina mwongozo maalum wa kusaidia kubaini kama maandishi yanaweza kusomeka kwa watumiaji wanaoona. Kigezo hiki hutumia algoriti fulani kuweka michanganyiko ya rangi katika uwiano unaoweza kulinganishwa. Kwa kutumia fomula hii, WCAG inasema kwamba uwiano wa 4.5:1 wa rangi na maandishi na usuli wake unatosha kwa maandishi ya kawaida (ya mwili), na maandishi makubwa (18+ pt ya kawaida, au 14+ pt ujasiri) yanapaswa kuwa na angalau 3:1 kama uwiano wa utofautishaji wa rangi.

Sifa Muhimu

  • Hesabu ya uwiano wa utofautishaji wa wakati halisi
  • Ukaguzi wa kufuata wa WCAG AA & AAA
  • Vitelezi vya HSL kwa urekebishaji mzuri
  • Maumbizo mengi ya onyesho la kukagua

Zana za Kina

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