ImageColorPicker.com

Kikagua utofauti wa rangi

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

Kagua rangi zako

Jaribu mchanganyiko wa rangi kuhakikisha unakidhi viwango vya ufikiaji vya WCAG kwa usomaji wa maandishi.

19.81 kwa 1
Ulinganifu
AAA
Matokeo ya maandishi
Bora

Imelinganishwa: #000000 juu ya #E7FDF9

Maandishi

16px, Kawaida (400)

Hesabiwa kama maandishi ya kawaida.

  • AA (WCAG 1.4.3): angalau 4.5:1

    Imefaulu

  • AAA (WCAG 1.4.6): angalau 7:1

    Imefaulu

Vipengele vya UI na michoro

Ikoni, mipaka ya uingizaji, viashiria vya umakini na sehemu nyingine unazohitaji kuona ili kutumia interface.

  • AA (WCAG 1.4.11): angalau 3:1

    Imefaulu
19.81 kwa 1. Maandishi: inapita AA, inapita AAA. Vipengele vya UI: inapita.
Jinsi hili linavyokaguliwa
Rangi zilizolinganishwa (baada ya kuchanganywa)
Maandishi #000000 juu ya mandharinyuma #E7FDF9
Mwangaza wa ulinganisho
Maandishi 0.0000, mandharinyuma 0.9407
Fomula
(L1 + 0.05) / (L2 + 0.05) ambapo L1 ni mwangaza wa rangi yenye mwanga zaidi na L2 wa ile ya giza.
Kiwango halisi
19.8158 kwa 1, imeonyeshwa kama 19.81 kwa 1. Thamani inayonyesha imekatwa, haizungushwi, hivyo haiwezi kuonekana bora kuliko ilivyo. Thamani halisi ndiyo inayo linganishwa na hitaji.

Ukubwa wa maandishi: 16px, Kawaida (400)

Hesabiwa kama maandishi ya kawaida. Maandishi makubwa yanakuwa angalau 24px (18pt), au angalau 18.67px (14pt) wakati yakiwa nene (uzito 700 au zaidi). Saizi zinaonyeshwa zikipunguzwa, si kuzungushwa.

Hesabiwa kama maandishi ya kawaida. Maandishi makubwa yanakuwa angalau 24px (18pt), au angalau 18.67px (14pt) wakati yakiwa nene (uzito 700 au zaidi). Saizi zinaonyeshwa zikipunguzwa, si kuzungushwa.

Aa
Kichwa cha onyesho la kukagua

Mbweha mwepesi kahawia anaruka juu ya mbwa mvivu

Mfano wa maandishi madogo (12px)

Maandishi
#000000
Mandharinyuma
#e7fdf9

Viwango vya WCAG

Kiwango AA

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

Kiwango 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.

Kikagua utofauti wa 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 hali ya juu

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

Maswali yanayoulizwa mara kwa mara

Kwa utiifu wa WCAG AA, maandishi ya kawaida yanahitaji uwiano wa chini wa utofauti wa 4.5:1, wakati maandishi makubwa (18pt au 14pt nene) yanahitaji 3:1.

WCAG AAA inahitaji uwiano wa juu zaidi wa utofauti: 7:1 kwa maandishi ya kawaida na 4.5:1 kwa maandishi makubwa, ikilinganishwa na 4.5:1 na 3:1 kwa AA.

Tumia kipengele chetu cha urekebishaji wa kiotomatiki kurekebisha rangi ya maandishi au mandharinyuma huku ukihifadhi lengo la muundo wako, au rekebisha rangi mwenyewe kwa vitelezi vya HSL vyenye viashiria vya kuona vinavyoonyesha maeneo bora ya utiifu wa AA/AAA.

Maeneo ya kijani na alama za AA/AAA zinaonyesha safu bora za kufikia utiifu wa WCAG. Vidokezo vya mwelekeo (Nyepesi zaidi/Nyeusi zaidi) vinakuongoza kuelekea utofauti bora kulingana na mchanganyiko wako wa sasa wa rangi.

Ndiyo, unaweza kuingiza msimbo wowote wa rangi wa HEX au kutumia kichagua rangi kuchagua rangi zako. URL husasishwa kiotomatiki ili uweze kushiriki mchanganyiko maalum wa rangi.