Utformning-verktyg

Kontrollera färgkontrast

Välj text- och bakgrundsfärger för att se kontrastförhållandet och WCAG-resultatet.

Körs i webbläsaren. Ingen uppladdning.
ExempeltextDen snabba bruna räven hoppar över den lata hunden.
Kontrastförhållande—
WCAG AA · vanlig text—
WCAG AA · stor text—
WCAG AAA · vanlig text—

Ändra någon av färgerna för att kontrollera läsbarheten. WCAG-gränsvärdena fungerar endast som vägledning för detta färgpar.

Om detta verktyg

Kontrollera färgkontrast – enkelt och smidigt.

Verktyget beräknar WCAG-kontrastförhållandet för opaka sRGB-färger. Det hjälper till att bedöma textens läsbarhet men certifierar inte en hel sida och ersätter inte en tillgänglighetsgranskning.

Vanliga frågor

Om Kontrollera färgkontrast.

Vad är ett bra WCAG-kontrastförhållande?

WCAG AA kräver 4,5:1 för normal text och 3:1 för stor text. AAA kräver 7:1 för normal text och 4,5:1 för stor text.

Certifierar detta min webbplats som tillgänglig?

Nej. Den kontrollerar endast de två valda färgerna. Tillgänglighet beror även på layout, text, reglage och andra faktorer.