Druk op Ctrl+D om deze pagina als bladwijzer op te slaan
Gratis online kleurcontrastchecker die de contrastverhouding tussen twee kleuren test aan de hand van de WCAG 2. 1-toegankelijkheidsnormen (AA, AAA).
Hoe gebruik je Kleurcontrastcontrole?
Voer de voorgrond- (tekst) en achtergrondkleuren in.
Controleer de contrastverhouding en de WCAG-klasse (AA/AAA).
Pas de kleuren indien nodig aan om aan de normen te voldoen.
Veelgestelde vragen over Kleurcontrastcontrole
Wat is het verschil tussen WCAG AA en AAA?
AA vereist 4,5:1 voor normale tekst en 3:1 voor grote tekst. AAA is strenger met respectievelijk 7:1 en 4,5:1.
Wat als mijn contrastverhouding niet slaagt?
Pas de kleuren lichter of donkerder aan om het contrast te verhogen. De tool toont de resultaten realtime terwijl je aanpast.
Grote tekst heeft een lagere drempel — vanaf welk formaat telt dat?
WCAG rekent tekst als groot vanaf 18pt (ongeveer 24px) bij normale dikte, of 14pt (ongeveer 18,7px) bij vet. Voldoe je daaraan, dan zakt de AA-eis van 4,5:1 naar 3:1. Onthoud dat dit ondergrenzen zijn en geen doelen: broodtekst moet ook leesbaar blijven op een gedimd laptopscherm of bij daglicht, dus richten op ongeveer 7:1 is de veiliger gewoonte.
Hoe controleer ik het contrast van tekst op een foto of doorschijnend paneel?
De contrastberekening gaat uit van twee vlakke kleuren, dus op een foto moet je het lichtste en het donkerste punt onder de tekst met de pipet nemen en de controle twee keer uitvoeren. Zakt er één, dan verdwijnt de tekst ergens in het beeld. In de praktijk is een effen balk achter de tekst betrouwbaarder dan een doorschijnende zwarte laag of een tekstschaduw, die beide afhangen van wat eronder ligt.
Tips om Kleurcontrastcontrole effectief te gebruiken
Broodtekst vraagt 4,5:1; vanaf 18pt of vet 14pt volstaat 3:1 voor niveau AA.
De Nederlandse toegankelijkheidseisen verwijzen via EN 301 549 naar dezelfde WCAG-drempels.
Niet-tekstuele elementen zoals iconen en veldranden hebben ook 3:1 nodig.