Färgkontrastkontroll

Testa kontrastförhållandet mellan förgrunds- och bakgrundsfärger för att säkerställa tillgänglighet.

1.00:1
Kontrast
Fail
Mycket dålig

Normal text

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

Stor text

AA (3:1)
AAA (4.5:1)
White
#ffffff
Blue Chalk
#f1e9ff

Snabba åtgärder

Aa

Förhandsgranskningstitel

Den snabba bruna räven hoppar över den lata hunden

Exempel på liten text (12px)

Text
#ffffff
Bakgrund
#f1e9ff

WCAG-standarder

Level AA

Minsta kontrastförhållande på 4,5:1 för normal text och 3:1 för stor text. Krävs för de flesta webbplatser.

Level AAA

Förbättrat kontrastförhållande på 7:1 för normal text och 4,5:1 för stor text. Rekommenderas för optimal tillgänglighet.

Otillräcklig kontrast för alla textstorlekar - uppfyller inte WCAG-standarder.

Färgkontrastkontroll

Beräkna kontrastförhållandet mellan text och bakgrundsfärger.

Välj en färg med färgväljaren för text och bakgrundsfärg eller ange en färg i RGB-hexadecimalformat (t.ex. #259 eller #2596BE). Du kan justera reglaget för att välja färg. Web Content Accessibility Guidelines (WCAG) har en specifik riktlinje för att avgöra om text är läsbar för seende användare. Detta kriterium använder en särskild algoritm för att kartlägga färgkombinationer till jämförbara förhållanden. Med denna formel anger WCAG att ett färgkontrastförhållande på 4,5:1 med text och dess bakgrund är tillräckligt för vanlig (bröd)text, och stor text (18+ pt vanlig, eller 14+ pt fet) bör ha minst ett 3:1 färgkontrastförhållande.

Viktiga funktioner

  • Beräkning av kontrastförhållande i realtid
  • Kontroll av WCAG AA & AAA-efterlevnad
  • HSL-reglage för finjustering
  • Flera förhandsgranskningsformat

Avancerade verktyg

  • Automatisk färgkorrigering
  • Text- och bakgrundsexempel
  • Färgnamnsdetektion
  • Exportera resultat