Kikagua Utofautishaji wa Rangi

Ingiza rangi ya maandishi na mandharinyuma ili kuona uwiano wa utofautishaji wa WCAG na viwango vya AA na AAA vinavyofaulu.

—Uwiano wa utofautishaji
Maandishi ya kawaidaAA4.5:1—
Maandishi ya kawaidaAAA7:1—
Maandishi makubwaAA3:1—
Maandishi makubwaAAA4.5:1—
UI na michoro3:1—
Ingiza rangi ya maandishi na mandharinyuma ili kukagua.

Kila ukaguzi unafanyika kwenye kivinjari chako. Hakuna unachoingiza kinachopakiwa kwenye BroBroGo.

Maswali Yanayoulizwa Sana

Je, matokeo ya AA na AAA yanamaanisha nini?

AA ndio kiwango ambacho tovuti nyingi zinalenga: kinahitaji uwiano wa angalau 4.5:1 kwa maandishi ya kawaida na 3:1 kwa maandishi makubwa. AAA ni kali zaidi — 7:1 kwa maandishi ya kawaida na 4.5:1 kwa maandishi makubwa. Uwiano unaanzia 1:1 (hakuna utofautishaji) hadi 21:1 (nyeusi kwenye nyeupe).

Ni nini kinachohesabiwa kama maandishi makubwa?

Maandishi kuanzia 18pt (karibu 24px), au 14pt (karibu 18.5px) yakiwa na koo (bold). Maandishi makubwa zaidi yanabaki kusomeka kwa urahisi kwenye utofautishaji wa chini, kwa hivyo yanafaulu AA katika 3:1 na AAA katika 4.5:1 badala ya viwango vikali zaidi vya maandishi ya kawaida.

Ni miundo gani ya rangi ninayoweza kuingiza?

Andika thamani ya hex kama #1a1a1a, thamani ya rgb() kama rgb(26, 26, 26), au thamani ya hsl() — au bofya kiolezo chochote ili kuchagua rangi. Tumia kitufe cha kubadilishana ili kugeuza rangi za maandishi na mandharinyuma.

Je, hii ni WCAG 2 au mbinu mpya zaidi ya APCA?

Inatumia fomula ya WCAG 2.1 / 2.2, ambayo ndiyo inayorejelewa sasa katika sheria na ukaguzi wa ufikiaji. APCA ni mbinu mpya zaidi, inayozingatia zaidi mtazamo ambayo bado inaandaliwa kwa ajili ya WCAG 3 — inaleta matumaini, lakini bado si kiwango rasmi cha uzingatiaji, kwa hivyo matokeo ya kufaulu hapa hayaitumii.

Kigeuzi cha RangiBadilisha rangi kati ya HEX, RGB, HSL, HSV, CMYK na LAB — hariri sehemu yoyote na nyingine zitasasishwa unapoendelea.Kichagua Rangi cha PichaChagua pikseli yoyote kutoka kwenye picha na usome HEX, RGB na HSL yake, ukitumia kikuza picha kwa ajili ya uchukuaji sampuli sahihi.Kibadilisha Muundo wa PichaBadilisha picha za JPG, PNG, WebP, HEIC na AVIF kwenye kivinjari chako.Kikokotoo cha Uwiano wa SkriniBadilisha upana × urefu wowote kuwa uwiano safi kama 16:9, au chagua uwiano na ukamilishe upande unaokosekana — kwa video, picha na skrini sawa.Jenereta ya Box ShadowBuruta vitelezi ili kuunda box-shadow, weka tabaka kwa kina zaidi, na unakili CSS iliyokamilika papo hapo.Jenereta ya GradientUnda gradient ya linear, radial, au conic, ongeza vituo vya rangi na uweke mwelekeo, kisha unakili CSS kwa mbofyo mmoja.