Färgkontrastkontroll
Kontrollera WCAG färgkontrast efterlevnad för tillgänglighet
Kontrollera WCAG färgkontrast efterlevnad för tillgänglighet
- Förbered inmatningen
Välj lämpliga alternativ med kontrollerna nedan.
- Kör uppgiften
Justera kontrollerna nedan och granska förhandsvisningen.
- Använd resultatet
Kontrollera resultatet och använd tillgängliga kopierings- eller nedladdningsfunktioner.
Två ogenomskinliga RGB-hexfärger. Visningen avrundas; gränser använder hela värdet. Textstorlekar i punkter. Ingen tillgänglighetsgranskning av en sida.
Färgval
Live Förhandsgranskning
The quick brown fox jumps over the lazy dog
Kontrastförhållande 21.00:1
WCAG AA
GodkändNormal Text (4.5:1)
GodkändStor Text (3:1)
GodkändUI Komponenter (3:1)
WCAG AAA
GodkändNormal Text (7:1)
GodkändStor Text (4.5:1)
Vald text: AAA
Färginformation
Foreground
HEX:#000000
RGB:0, 0, 0
Luminance:0.00%
Background
HEX:#FFFFFF
RGB:255, 255, 255
Luminance:100.00%
Vanliga Par
Safe Combinations (High Contrast)
Common Combinations
Färgkontrastkontroll
WCAG färgkontrast checker för webbtillgänglighet. Testa färgkombinationer för AA och AAA efterlevnad.
Funktioner
- Två ogenomskinliga RGB-hexfärger. Visningen avrundas; gränser använder hela värdet. Textstorlekar i punkter. Ingen tillgänglighetsgranskning av en sida.
Hur man använder
- Ange en hexfärg med 3 eller 6 siffror, till exempel #777777.
- Textstorlek
- Kontrastförhållande