Fargekontrastkontroll

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

1.00:1
Kontrast
Fail
Svært dårlig

Vanlig tekst

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

Stor tekst

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#ff6840

Raske løsninger

Aa

Forhåndsvisningstittel

Den raske brune reven hopper over den late hunden

Eksempel på liten tekst (12 piksler)

Tekst
#000000
Bakgrunn
#ff6840

WCAG-standarder

Level AA

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

Level AAA

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

Dårlig kontrast for alle tekststørrelser.

Fargekontrastkontroll

Beregn kontrastforholdet til tekst og bakgrunnsfarger.

Velg en farge ved å bruke fargevelgeren for tekst og bakgrunnsfarge eller skriv inn en farge i RGB heksadesimalt format (f.eks. #259 eller #2596BE). Du kan justere glidebryteren for å velge farge. Web Content Accessibility Guidelines (WCAG) har en spesifikk retningslinje for å finne ut 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 dens bakgrunn er tilstrekkelig for vanlig (brødtekst), og stor tekst (18+ pt vanlig, eller 14+ pt fet skrift) bør ha minst 3: 1 farge kontrastforhold.

Viktige funksjoner

  • Kontrastforholdsberegning i sanntid
  • WCAG AA- og AAA-samsvarskontroll
  • HSL-glidebrytere for finjustering
  • Flere forhåndsvisningsformater

Avanserte verktøy

  • Automatisk fargefiksering
  • Tekst- og bakgrunnseksempler
  • Deteksjon av fargenavn
  • Eksporter resultater