Fargekontrastkontroll

Test kontrastforholdet mellom forgrunns- og bakgrunnsfarger for å sikre tilgjengelighet.

1.00:1
Kontrast
Fail
Veldig dårlig

Vanlig tekst

AA (4.5:1)
AAA (7:1)

Stor tekst

AA (3:1)
AAA (4.5:1)
White
#ffffff
Tamarind
#341515

Raske løsninger

Aa

Forhåndsvisningstittel

Den raske brune reven hopper over den late hunden

Eksempel på liten tekst (12px)

Tekst
#ffffff
Bakgrunn
#341515

WCAG-standarder

Level AA

Minimum kontrastforhold på 4,5:1 for vanlig tekst og 3:1 for stor tekst. Påkrevd for de fleste nettsteder.

Level AAA

Forbedret kontrastforhold på 7:1 for vanlig tekst og 4,5:1 for stor tekst. Anbefalt for optimal tilgjengelighet.

Utilstrekkelig kontrast for alle tekststørrelser - oppfyller ikke WCAG-standarder.

Fargekontrastkontroll

Beregn kontrastforholdet mellom tekst- og bakgrunnsfarger.

Velg en farge ved hjelp av fargevelgeren for tekst- og bakgrunnsfarge, eller skriv inn en farge i RGB-hexadesimalformat (f.eks. #259 eller #2596BE). Du kan justere glidebryteren for å velge farge. Retningslinjene for tilgjengelighet av nettinnhold (WCAG) har en spesifikk retningslinje for å avgjøre om tekst er lesbar for seende brukere. Dette kriteriet bruker en bestemt algoritme for å kartlegge fargekombinasjoner til sammenlignbare forhold. Ved å bruke denne formelen sier WCAG at et fargekontrastforhold på 4,5:1 med tekst og bakgrunn er tilstrekkelig for vanlig (brød)tekst, og stor tekst (18+ pt vanlig, eller 14+ pt fet) bør ha minst et 3:1 fargekontrastforhold.

Nøkkelfunksjoner

  • Sanntidsberegning av kontrastforhold
  • WCAG AA & AAA samsvarssjekk
  • HSL-glidere for finjustering
  • Flere forhåndsvisningsformater

Avanserte verktøy

  • Automatisk fargekorrigering
  • Tekst- og bakgrunnsprøver
  • Fargenavngjenkjenning
  • Eksporter resultater