Kontroller kontrast mellom tekst og bakgrunn
God fargekontrast gjør tekst lettere å lese for flere. Fargekontrast-kalkulatoren sammenligner en tekstfarge og en bakgrunnsfarge, viser kontrastforholdet og vurderer kombinasjonen mot tersklene for tekst i WCAG 2.2. Du kan skrive HEX-koder eller velge farger visuelt.
Slik kontrollerer du fargene
Velg tekstfarge og bakgrunnsfarge, eller skriv en kode som #1D4ED8. Både tre- og sekssifret HEX støttes. Trykk på «Kontroller fargekontrast». En forhåndsvisning viser kombinasjonen, og resultatet oppgir et forhold fra 1:1 til 21:1. Knappen «Bytt fargene» bytter forgrunn og bakgrunn; selve kontrastforholdet er det samme, men forhåndsvisningen kan oppleves annerledes.
WCAG-tersklene for tekst
WCAG 2.2 kriterium 1.4.3 krever normalt minst 4,5:1 for vanlig tekst på nivå AA og minst 3:1 for stor tekst. Det strengere nivået AAA bruker minst 7:1 for vanlig tekst og 4,5:1 for stor tekst. Stor tekst er i denne sammenhengen minst 18 punkter, eller minst 14 punkter når den er fet.
Verktøyet viser bestått eller ikke bestått for disse fire kombinasjonene. Kravene er sist kontrollert mot W3Cs WCAG 2.2 den 9. august 2026. Logoer, inaktive elementer og enkelte dekorative tilfeller har egne unntak i standarden.
Hvordan kontrastforholdet beregnes
HEX-fargene gjøres først om til sRGB-kanaler. Kanalene lineariseres og vektes for å beregne relativ luminans. Kontrastforholdet er:
(L1 + 0,05) / (L2 + 0,05)
L1 er luminansen til den lyseste fargen og L2 luminansen til den mørkeste. Svart mot hvitt gir høyeste mulige forhold, 21:1. To identiske farger gir 1:1.
Mer enn bare to HEX-koder
En bestått måling betyr ikke automatisk at hele siden er universelt utformet. Fontstørrelse, tykkelse, antialiasing, bakgrunnsbilder, gjennomsiktighet, gradienter, lenkemarkering, fokusmarkering og brukerens skjerm påvirker den praktiske lesbarheten. Ikke bruk bare farge for å formidle status eller feil.
WCAG har også kontrastkrav for enkelte grafiske objekter og brukergrensesnittkomponenter. Denne kalkulatorens bestått-visning er avgrenset til tekstkriteriene. Kontroller hele løsningen med flere metoder og reelle brukerbehov. Bruk HEX- til RGB-konvertereren hvis du trenger kanalverdier, og test alltid faktisk tekst på den virkelige bakgrunnen før publisering.