Kleurcontrastcontrole
Controleer WCAG kleurcontrast naleving voor toegankelijkheid
Controleer WCAG kleurcontrast naleving voor toegankelijkheid
- Bereid de invoer voor
Kies de juiste opties met de bediening hieronder.
- Voer de taak uit
Pas de bediening hieronder aan en bekijk het voorbeeld.
- Gebruik het resultaat
Controleer het resultaat en gebruik de beschikbare kopieer- of downloadfuncties.
Twee dekkende RGB-hexkleuren. Weergave afgerond; drempels gebruiken de volledige waarde. Lettergroottes in punten. Geen toegankelijkheidsaudit van een pagina.
Kleurselectie
Live Voorbeeldweergave
The quick brown fox jumps over the lazy dog
Contrastverhouding 21.00:1
WCAG AA
GeslaagdNormale Tekst (4.5:1)
GeslaagdGrote Tekst (3:1)
GeslaagdUI Componenten (3:1)
WCAG AAA
GeslaagdNormale Tekst (7:1)
GeslaagdGrote Tekst (4.5:1)
Geselecteerde tekst: AAA
Kleurinformatie
Foreground
HEX:#000000
RGB:0, 0, 0
Luminance:0.00%
Background
HEX:#FFFFFF
RGB:255, 255, 255
Luminance:100.00%
Veelvoorkomende Paren
Safe Combinations (High Contrast)
Common Combinations
Kleurcontrastcontrole
WCAG kleurcontrast checker voor webtoegang. Test kleurcombinaties voor AA en AAA naleving.
Functies
- Twee dekkende RGB-hexkleuren. Weergave afgerond; drempels gebruiken de volledige waarde. Lettergroottes in punten. Geen toegankelijkheidsaudit van een pagina.
Hoe te gebruiken
- Voer een hexkleur van 3 of 6 cijfers in, zoals #777777.
- Tekstgrootte
- Contrastverhouding