Skriv inn tekst- og bakgrunnsfarge, og verktøyet viser om kontrasten er tilstrekkelig. Beregningene er basert på den internasjonale tilgjengelighetsstandarden WCAG 2.1.

Lesbarhet er forskjellen i lysstyrke mellom tekstfargen og bakgrunnsfargen. Jo større forskjell, jo lettere er det å lese teksten. For lav kontrast gjør innholdet vanskelig å lese – spesielt for personer med synshemming, eldre eller under vanskelige lysforhold.
Ifølge Verdens helseorganisasjon (WHO) har ca. 2,2 milliarder mennesker i verden en eller annen form for synshemming.
Verktøyet beregner kontrastforholdet med formelen definert i WCAG 2.1 – internasjonale retningslinjer for digital tilgjengelighet.
Å sjekke lesbarheten tar bare noen sekunder:
Heksadesimalt format – det mest populære innen webdesign. Begynner med tegnet # og inneholder 3 eller 6 tegn (sifre 0-9 og bokstaver A-F).
#fff – hvit (forkortet form)#ffffff – hvit (full form)#1a73e8 – blåKontrastforhold
8.59:1
Normal tekst
Når farger er skrevet inn, viser verktøyet resultater i tre seksjoner:
Grønn indikator betyr at kravet er oppfylt. Rød indikator betyr at kontrasten er for lav og må korrigeres.
Verktøyet viser kontrastforholdet på en skala fra 1:1 (ingen kontrast) til 21:1 (maksimal kontrast – svart tekst på hvit bakgrunn). Resultatet sammenlignes med terskler definert i WCAG-standarden:
Nivå AA er minimum krevd av tilgjengelighetslovgivning i mange land, inkludert EUs webtilgjengelighetsdirektiv. Nivå AAA gir bedre lesbarhet, men er ikke alltid praktisk oppnåelig for alle elementer.
Hvis kontrasten er for lav, trenger du ikke lete etter riktig farge ved prøving og feiling. Funksjonen Match finner automatisk en variant av tekstfargen som oppfyller den valgte kontrastterskelen.
Slik fungerer tilpasningen:
Algoritmen bevarer nyansen og metningen til den originale fargen og endrer kun lysheten. Den foreslåtte fargen forblir dermed konsistent med den visuelle identiteten og oppfyller samtidig tilgjengelighetsstandarden.
| Funkcja | Nivå AA (minimum) | Nivå AAA (forbedret) |
|---|---|---|
| Normal tekst – min. 4.5:1 | ||
| Normal tekst – min. 7:1 | ||
| Stor tekst / fet – min. 3:1 | ||
| Stor tekst / fet – min. 4.5:1 | ||
| Ikoner og UI-elementer – min. 3:1 | ||
| Lovkrav (EU-direktiv) | ||
| Krevd av US ADA / Section 508 | ||
| Krevd av UK Equality Act 2010 | ||
| Anbefales for hovedinnhold |
Sjekk fargeformatet. HEX-kode skal starte med # og inneholde 3 eller 6 tegn (f.eks. #fff eller #ffffff). For RGB-format sjekk at verdiene er atskilt med komma og ligger i intervallet 0-255.
Når bakgrunn og tekst har lignende lyshet i samme nyanse, kan algoritmen muligens ikke finne en variant som oppfyller kravene uten å endre nyansen. I så fall bør du vurdere å endre bakgrunnsfargen eller velge en helt annen tekstfarge.
Nettleserens fargevelger støtter kun HEX-format uten gjennomsiktighet. Hvis du taster inn en farge i RGBA- eller HSLA-format med gjennomsiktighet, viser velgeren kun fargedelen (uten alpha). Kontrastberegningene tar likevel hensyn til gjennomsiktigheten.
Lesbarhet er viktig overalt hvor noen må lese tekst eller gjenkjenne et grensesnittelement:
Fargeblindhet er en forstyrrelse av fargesynet som rammer ca. 8% av menn og 0,5% av kvinner. Fargeblinde personer kan ha vanskeligheter med å skille visse fargepar, selv når lyshetskontrasten er tilstrekkelig.
De vanligste typene fargeblindhet:
Dette verktøyet sjekker lyshetskontrast, som er viktig for alle brukere. Ved design bør du imidlertid i tillegg unngå problematiske fargekombinasjoner (f.eks. rød tekst på grønn bakgrunn) og ikke utelukkende stole på farge for å formidle informasjon – bruk også former, ikoner og tekst.
Norge har en av Europas strengeste lover om universell utforming — den gjelder også privat sektor, ikke bare offentlige virksomheter:
Kontrastforholdet 4,5:1 for vanlig tekst og 3:1 for stor tekst er lovpålagt. Dette verktøyet sjekker nøyaktig disse tersklene.

Har du en idé til en ny funksjon, funnet en feil eller vil foreslå et annet verktøy som ville gjøre arbeidet ditt enklere? Skriv til oss – vi svarer innen 24 timer.

Vi lager nettsider med alle brukere i tankene — riktig fargekontrast, lesbar typografi og logisk struktur. Norges krav om universell utforming gjelder også privat sektor.