Kies om het kleurcontrast te controleren
Kleurcontrast
4.5:1
WCAG-conformiteit
Normale tekst
AA
AAA
Grote tekst
AA
AAA
Grafische elementen & UI
AA
Oeps! Je kunt het contrast niet controleren.
De Online Contrastchecker werkt met
Nog niet ondersteund door
Visueel voorbeeld
Grote tekst
Normale of kleine tekst, tekst onder XY pixels hier. Normale of kleine tekst, tekst onder XY pixels hier.
Wat is de kleurcontrastkiezer?
Gebruik onze gratis online kleurcontrastchecker om direct de contrastverhouding tussen willekeurige voorgrond- en achtergrondkleuren te beoordelen. Gericht op ontwerpers, ontwikkelaars en contentmakers, toont het in realtime de WCAG AA/AAA-conformiteit voor normale tekst, grote tekst en grafische/UI-elementen. Kies eenvoudig kleuren, verwissel ze en krijg meteen een geslaagd/gezakt-feedback op toegankelijkheidsdrempels (zoals 4,5:1 voor normale tekst en 3:1 voor grote tekst). De intuïtieve interface helpt je paletten aan te passen voor betere leesbaarheid en een inclusief webdesign — geen download vereist. Optimaliseer de kleurkeuzes van je site om de bruikbaarheid te verhogen, te voldoen aan toegankelijkheidsnormen en een gebruiksvriendelijkere ervaring te bieden.
WCAG-conformiteit
Element | Wat | AA-vereiste | AAA-vereiste |
---|---|---|---|
Normale tekst |
AA gewone lichaamstekst onder 18pt (24px) of onder 14pt (18.66px) vet |
4.5:1 | 7:1 |
Grote tekst |
Kopteksten, grote labels boven 18pt (24px) of boven 14pt (18.66px) vet |
3:1 | 4.5:1 |
Grafische elementen & UI |
Zinvolle niet-tekstuele elementen Pictogrammen, formulierranden, knoppen |
3:1 |