UTILS.
100% in de browser

Kleurcontrast-checker

Controleer de WCAG-contrastverhouding tussen een tekst- en achtergrondkleur met AA/AAA-resultaten.

Pa's wijze lynx bezag vroom het fikse aquaduct.
Grote voorbeeldtekst

Over deze tool

Vergelijk een voorgrond- en achtergrondkleur om de WCAG-contrastverhouding te zien en of deze AA en AAA haalt, allemaal lokaal berekend in je browser.

Veelgestelde vragen

Wat geldt als grote tekst?
WCAG beschouwt tekst van 18pt (24px) of 14pt (18,66px) vetgedrukt als groot, waarvoor een lagere verhouding van 3:1 voor AA volstaat.
Welke verhoudingen slagen?
Normale tekst heeft 4,5:1 nodig voor AA en 7:1 voor AAA; grote tekst heeft 3:1 nodig voor AA en 4,5:1 voor AAA.

Meer tools