ImageColorPicker.com

Gwiriwr cyferbyniad lliw

Profwch gymhareb cyferbyniad rhwng lliwiau blaendir a chefndir i sicrhau hygyrchedd.

Gwirio eich lliwiau

Profwch gyfuniadau lliw i sicrhau eu bod yn cwrdd â safonau hygyrchedd WCAG ar gyfer darllenadwyedd testun.

5.72 i 1
Cyferbyniad
AA
Canlyniad testun
Da

Cymharwyd: #FFFFFF ar #BB3344

Testun

16px, Rheolaidd (400)

Cyfrifir fel testun arferol.

  • AA (WCAG 1.4.3): o leiaf 4.5:1

    Pasio

  • AAA (WCAG 1.4.6): o leiaf 7:1

    Mae angen 1.28 yn ychwanegol

    Methu

Cydrannau rhyngwyneb a graffeg

Eiconau, ffiniau meysydd mewnbwn, dangosyddion ffocws a rhannau eraill sydd angen eu gweld i ddefnyddio'r rhyngwyneb.

  • AA (WCAG 1.4.11): o leiaf 3:1

    Pasio
5.72 i 1. Testun: yn pasio AA, yn methu AAA. Elementau UI: yn pasio.
Sut mae hyn yn cael ei wirio
Lliwiau a gymharwyd (ar ôl cymysgu)
Testun #FFFFFF ar gefndir #BB3344
Lluminans cymharol
Testun 1.0000, cefndir 0.1334
Fformiwla
(L1 + 0.05) / (L2 + 0.05) lle mae L1 yn lluminans y lliw disglairach a L2 yn lluminans y lliw tywyllach.
Cyfernod union
5.7221 i 1, a ddangosir fel 5.72 i 1. Mae'r gwerth a ddangosir yn cael ei dorri, nid ei dalgrynnu, felly nid yw byth yn edrych yn well nag y mae. Y gwerth union yw'r hyn a gaiff ei gymharu â'r gofyniad.

Maint testun: 16px, Rheolaidd (400)

Cyfrifir fel testun arferol. Mae testun mawr o leiaf 24px (18pt), neu o leiaf 18.67px (14pt) pan fo yn drwm (pwysau 700 neu fwy). Dangosir meintiau wedi eu torri, nid eu talgrynnu.

Cyfrifir fel testun arferol. Mae testun mawr o leiaf 24px (18pt), neu o leiaf 18.67px (14pt) pan fo yn drwm (pwysau 700 neu fwy). Dangosir meintiau wedi eu torri, nid eu talgrynnu.

Aa
Teitl rhagolwg

Mae'r llwynog brown cyflym yn neidio dros y ci diog

Enghraifft testun bach (12px)

Testun
#ffffff
Cefndir
#bb3344

Safonau WCAG

Lefel AA

Lleiafswm cymhareb o 4.5:1 ar gyfer testun arferol a 3:1 ar gyfer testun mawr. Angenrheidiol ar gyfer y mwyafrif o wefannau.

Lefel AAA

Cymhareb cyferbyniad uwch o 7:1 ar gyfer testun arferol a 4.5:1 ar gyfer testun mawr. Argymhellir ar gyfer hygyrchedd gorau posibl.

Gwiriwr cyferbyniad lliw

Cyfrifwch gymhareb cyferbyniad lliwiau testun a chefndir.

Dewis lliw gan ddefnyddio’r detholwr lliw ar gyfer lliw testun a chefndir neu nodwch liw mewn fformat hexadecimal RGB (e.e., #259 neu #2596BE). Gallwch addasu'r llithrydd i ddewis lliw. Mae’r Canllawiau Hygyrchedd Cynnwys Gwe (WCAG) yn nodi canllaw penodol i helpu i bennu a yw testun yn ddarllenadwy i ddefnyddwyr sy'n gweld. Mae'r meini prawf hwn yn defnyddio algorithm penodol i fapio cyfuniadau lliw i gymarebau cymharol. Gan ddefnyddio'r fformiwla hon, mae WCAG yn nodi bod cymhareb cyferbyniad lliw o 4.5:1 gyda thestun a’i gefndir yn ddigonol ar gyfer testun rheolaidd (corff), ac y dylai testun mawr (18+ pt rheolaidd, neu 14+ pt trwm) gael o leiaf gymhareb cyferbyniad o 3:1.

Nodweddion allweddol

  • Cyfrifo cymhareb cyferbyniad amser real
  • Gwirio cydymffurfiaeth WCAG AA & AAA
  • Llithryddion HSL ar gyfer tiwnio manwl
  • Fformatau rhagolwg lluosog

Offer uwch

  • Trwsio lliw awtomatig
  • Samplau testun a chefndir
  • Canfod enw lliw
  • Allforio canlyniadau

Cwestiynau cyffredin

Ar gyfer cydymffurfiaeth WCAG AA, mae angen cymhareb cyferbyniad o leiaf 4.5:1 ar destun arferol, tra bod angen 3:1 ar destun mawr (18pt neu 14pt trwm).

Mae WCAG AAA yn gofyn am gymarebau cyferbyniad uwch: 7:1 ar gyfer testun arferol a 4.5:1 ar gyfer testun mawr, o gymharu â 4.5:1 a 3:1 ar gyfer AA yn y drefn honno.

Defnyddiwch ein nodwedd cywiro awtomatig i addasu lliwiau testun neu gefndir tra'n cadw bwriad eich dyluniad, neu addaswch y lliwiau â llaw gan ddefnyddio llithryddion HSL gyda dangosyddion gweledol sy'n dangos y parthau gorau ar gyfer cydymffurfiaeth AA/AAA.

Mae'r parthau gwyrdd a'r marcwyr AA/AAA yn dangos yr ystodau gorau i gyrraedd cydymffurfiaeth WCAG. Mae'r awgrymiadau cyfeiriad (Ysgafnach/Tywyllach) yn eich tywys tuag at well cyferbyniad yn seiliedig ar eich cyfuniad lliw presennol.

Gallwch, gallwch fewnbynnu unrhyw god lliw hecs neu ddefnyddio'r dewisydd lliw i ddewis lliwiau eich hun. Mae'r URL yn diweddaru'n awtomatig fel y gallwch rannu cyfuniadau lliw penodol.