Gwiriwr cyferbyniad lliw

Gwirio eich lliwiau

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

1.00:1

Cyferbyniad

Methu

Gwael iawn

Testun arferol

AA (4.5:1)

AAA (7:1)

Testun mawr

AA (3:1)

AAA (4.5:1)

Lliw Testun

Lliw Cefndir

Trwsiadau cyflym

Teitl rhagolwg

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

Enghraifft testun bach (12px)

Testun

#ffffff

Cefndir

#e57000

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.

Cyferbyniad annigonol ar gyfer pob maint testun - methu safonau WCAG.

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.