Kontrol af farvekontrast

Test kontrastforholdet mellem forgrunds- og baggrundsfarver for at sikre tilgængelighed.

1.00:1
Kontrast
Fail
Meget dårlig

Normal tekst

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

Stor tekst

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

Hurtige løsninger

Aa

Eksempel på titel

Den hurtige brune ræv springer over den dovne hund

Eksempel på lille tekst (12px)

Tekst
#000000
Baggrund
#b3b3b3

WCAG-standarder

Level AA

Kontrastforhold på mindst 4,5:1 for normal tekst og 3:1 for stor tekst. Påkrævet for de fleste hjemmesider.

Level AAA

Forbedret kontrastforhold på 7:1 for normal tekst og 4,5:1 for stor tekst. Anbefales for optimal tilgængelighed.

Utilstrækkelig kontrast for alle tekststørrelser - opfylder ikke WCAG-standarderne.

Kontrol af farvekontrast

Beregn kontrastforholdet mellem tekst- og baggrundsfarver.

Vælg en farve ved hjælp af farvevælgeren til tekst og baggrundsfarve, eller indtast en farve i RGB-hexadecimalt format (f.eks. #259 eller #2596BE). Du kan justere skyderen for at vælge farve. Web Content Accessibility Guidelines (WCAG) har en specifik retningslinje, der hjælper med at finde ud af, om teksten er læsbar for seende brugere. Dette kriterium bruger en bestemt algoritme til at kortlægge farvekombinationer i sammenlignelige forhold. Ved hjælp af denne formel siger WCAG, at et farvekontrastforhold på 4,5:1 mellem tekst og baggrund er tilstrækkeligt for almindelig tekst (brødtekst), og at stor tekst (18+ pt. almindelig eller 14+ pt. fed) bør have et farvekontrastforhold på mindst 3:1.

Vigtige funktioner

  • Beregning af kontrastforhold i realtid
  • Kontrol af overholdelse af WCAG AA & AAA
  • HSL-skydere til finjustering
  • Flere formater til forhåndsvisning

Avancerede værktøjer

  • Automatisk farvefiksering
  • Tekst- og baggrundseksempler
  • Registrering af farvenavn
  • Eksporter resultater