Kontroll av färgkontrast

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

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)
Black
#000000
Black
#0088cc

Snabba lösningar

Aa

Förhandsgranska titel

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

Exempel på liten text (12px)

Text
#000000
Bakgrund
#0088cc

WCAG-standarder

Level AA

Kontrastförhållande på minst 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-standarderna.

Kontroll av färgkontrast

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

Välj en färg med hjälp av färgväljaren för text och bakgrundsfärg eller ange en färg i RGB hexadecimalt format (t.ex. #259 eller #2596BE). Du kan justera skjutreglaget för att välja färg. WCAG (Web Content Accessibility Guidelines) har en särskild riktlinje som hjälper till att avgöra om texten ä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 hjälp av denna formel anger WCAG att ett färgkontrastförhållande på 4,5:1 mellan text och bakgrund är tillräckligt för vanlig text (brödtext) och att stor text (18+ pt vanlig eller 14+ pt fet) bör ha ett färgkontrastförhållande på minst 3:1.

Viktiga funktioner

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

Avancerade verktyg

  • Automatisk färgfixering
  • Text- och bakgrundsexempel
  • Detektering av färgnamn
  • Exportera resultat