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.

3.65 i 1
Cyferbyniad
Methu
Canlyniad testun
Gwael

Cymharwyd: #FFFFFF ar #C15ECC

Testun

16px, Rheolaidd (400)

Cyfrifir fel testun arferol.

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

    Mae angen 0.85 yn ychwanegol

    Methu

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

    Mae angen 3.35 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
3.65 i 1. Testun: yn methu 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 #C15ECC
Lluminans cymharol
Testun 1.0000, cefndir 0.2370
Fformiwla
(L1 + 0.05) / (L2 + 0.05) lle mae L1 yn lluminans y lliw disglairach a L2 yn lluminans y lliw tywyllach.
Cyfernod union
3.6582 i 1, a ddangosir fel 3.65 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.

Trwsiadau cyflym

Aa
Teitl rhagolwg

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

Enghraifft testun bach (12px)

Testun
#ffffff
Cefndir
#c15ecc

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.