Gwiriwr Gwrthgyferbyniad Lliw WCAG am ddim
Gwiriwch a yw dau liw yn bodloni safonau gwrthgyferbyniad WCAG AA ac AAA ar gyfer hygyrchedd. Rhagolwg byw ar feintiau testun lluosog gyda awgrymiadau awtomatig pan fo'r gwrthgyferbyniad yn rhy isel.
Testun pennawd mawr
Testun corff canolig (18px) ar gyfer darllen a chynnwys.
Testun corff arferol (16px) ar gyfer paragraffau.
Testun corff bach (14px) ar gyfer capsiynau a metadata.
Cymhareb cyferbyniad
Gofynnir am 4.5:1 · Mae gennych 14.63:1
Gofynnir am 3.0:1 · Mae gennych 14.63:1
Gofynnir am 7.0:1 · Mae gennych 14.63:1
Gofynnir am 4.5:1 · Mae gennych 14.63:1
Gofynnir am 3.0:1 · Mae gennych 14.63:1
Rhagosodiadau cyflym
Yn seiliedig ar ganllawiau cyferbyniad WCAG 2.1. Testun mawr = 18pt (24px) arferol neu 14pt (18.66px) trwm. Mae codau hex yn diweddaru yn y ddau gyfeiriad: teipiwch hex neu ddewis lliw, mae'r ddau fewnbwn yn aros wedi'u cydweddu.
Defnyddiau cyffredin
- Archwiliad Tudalennau Gwe ar gyfer Cydymffurfiad WCAGGwirir bod lliwiau testun eich safle yn cwrdd â safonau cyferbyniad WCAG AA neu AAA ar gyfer hygyrchedd.
- Dilysu Cyfuniadau Lliw BrandProfwch eich cynlluniau paletau lliw brand i sicrhau eu bod yn gweithio ar gyfer dyluniad UI hygyrch.
- Paletau Lliw Tywyll TrawfGall testun ysgafn ar gefndir tywyll dal fethu'r cyferbyniad - gwiriwch eich paru paletau tywyll tywyll yma.
- Paru Lliwiau ar gyfer Deunydd ArgraffuMae pusterau, arwyddion, a deunydd wedi'i argraffu hefyd angen cyferbyniad darllenadwy - yn enwedig i wylwyr hŷn.
- Dylunio Lliwiau Botymau HygyrchSicrhewch fod CTAs, botymau gweithredu, a dolenni yn pasio WCAG yn erbyn eu cefndir.
Sut Mae'n Gweithio
Mae gwirio cyferbyniad yn rhedeg yn gyfan gwbl yn eich porwr gan ddefnyddio algorithm goleuedd cymharol WCAG 2.1 — dim llyfrgell, dim gweinydd, dim ond mathemateg wedi'i ysgrifennu â llaw sy'n dilyn y fanyleb yn union. Mae pob canlyniad yn diweddaru mewn amser real wrth i chi deipio neu ddewis lliw.
- 1Mewnbwn hecs a normaleiddioDerbynnir gwerthoedd hecs 3-digid (#abc) a 6-digid (#aabbcc) ill dau ac fe'u normaleiddir yn drioedd RGB llawn. Gwrthodir mewnbwn annilys ar unwaith yn hytrach na diofynnu'n dawel i ddu, felly mae ymyl coch yn ymddangos yn lle canlyniad llwyddo camarweiniol.
- 2Cyfrifiad goleuedd WCAGTrosir pob lliw i oleuedd cymharol gan ddefnyddio fformiwla WCAG 2.1: mae gwerthoedd sianel sRGB yn cael eu llinellu â chywiriad gama darn-fesul-darn (rhannu â 12.92 o dan 0.03928, codi i'r pŵer 2.4 uwch ei ben), yna'u pwysoli fel 0.2126R + 0.7152G + 0.0722B.
- 3Cymhareb cyferbyniad a gwiriadau cydymffurfioCyfrifir y gymhareb gyferbyniad fel (goleuach + 0.05) / (tywyllach + 0.05) ac fe'i gwirir yn erbyn pob un o'r pum trothwy WCAG: testun normal AA (4.5:1), testun mawr AA (3:1), testun normal AAA (7:1), testun mawr AAA (4.5:1), a chydrannau UI (3:1). Mae canlyniadau'n diweddaru ar bob trawiad bysell.
- 4Awgrymiadau trwsio sy'n cadw arlliwPan fydd y pâr yn methu WCAG AA, mae'r offeryn yn chwilio gofod goleuedd HSL — gan gamu allan o'r goleuedd gwreiddiol i'r ddau gyfeiriad — i ddod o hyd i'r amrywiad agosaf o bob lliw sy'n pasio 4.5:1 tra'n cadw'r un arlliw a dirlawnder. Mae'r EyeDropper API (Chromium) hefyd ar gael i samplu unrhyw liw yn uniongyrchol o'ch sgrin.
Offer Cysylltiedig
Efelychydd Dallineb Lliw
Gweld sut mae eich dyluniad yn edrych i bobl ag amhariad golwg lliw. Efelychu protanopia, deuteranopia, tritanopia, achromatopsia, ac anomalïau ysgafnach.
Beth Yw Datrysiad Fy Sgrin
Gwelwch gydraniad eich sgrin mewn picseli CSS a phicseli go iawn, maint y ffenestr, cymhareb picseli, dyfnder lliw, HDR, cefnogaeth gyffwrdd a chyfradd adnewyddu, a chopïwch y cyfan.
Profi Picseli Marw
Gwiriwch eich sgrin am bicseli marw neu sownd gyda du, gwyn, coch, gwyrdd, glas a llwyd sgrin lawn, ynghyd â thrwsiwr picseli sownd dewisol.