Fargekontrast-sjekker

Dette er en WCAG-fargekontrastsjekker som viser det nøyaktige kontrastforholdet mellom en tekstfarge og en bakgrunnsfarge, og om det oppfyller AA- og AAA-tilgjengelighetsnivåene. Velg farger med fargeprøven eller med heksadesimalkode og se en direkte forhåndsvisning.

Juster de to fargene til merkene passerer nivået du trenger, og resultatet oppdateres umiddelbart mens du jobber.

Tekst som er for lik bakgrunnen i lyshet er vanskelig eller umulig å lese, spesielt for folk med svaksynthet eller fargesynsvansker, eller for hvem som helst på en telefon i sterkt sollys. Nok kontrast holder innholdet ditt lesbart for alle.

Retningslinjene for tilgjengelig webinnhold (WCAG) setter standarden. AA, nivået de fleste nettsteder sikter mot og som mange tilgjengelighetslover viser til, krever et forhold på 4,5:1 for normal tekst og 3:1 for stor tekst. AAA er strengere med 7:1 og 4,5:1.

Stor tekst får en lavere terskel fordi større bokstaver forblir lesbare ved mindre kontrast. Den regnes som stor ved omtrent 24px (18pt), eller 18,66px (14pt) når den er fet.

Forholdet kommer fra den relative luminansen til de to fargene ved hjelp av den offisielle WCAG-formelen, og produserer en verdi fra 1:1 (ingen kontrast, identiske farger) opp til 21:1 (svart på hvitt).

Alt beregnes i nettleseren din, så det er umiddelbart og privat. Ingenting du velger lastes opp noe sted.