Controleer de contrastverhouding tussen twee kleuren tegen de WCAG AA- en AAA-toegankelijkheidsniveaus.
Hoe gebruik je Contrastchecker
Kies een tekstkleur en een achtergrondkleur.
Lees de contrastverhouding en de WCAG-geslaagd-of-mislukt-badges.
Pas de kleuren aan tot ze slagen voor het niveau dat je nodig hebt.
Veelgestelde vragen
WCAG AA vereist 4,5:1 voor normale tekst en 3:1 voor grote tekst (18pt of 14pt vet). AAA vereist respectievelijk 7:1 en 4,5:1.
Tekst die minstens 24px (18pt) is, of 18,66px (14pt) wanneer vet. Voor grote tekst is een lagere contrastverhouding toegestaan.
Uit de relatieve luminantie van elke kleur met de officiële WCAG-formule, wat een waarde van 1:1 (geen contrast) tot 21:1 (zwart op wit) geeft.
Een WCAG-kleurcontrastchecker die de exacte contrastverhouding tussen een tekst- en achtergrondkleur toont en of die voldoet aan de AA- en AAA-toegankelijkheidsniveaus.
Kies kleuren met het staal of via hexcode en zie een live voorbeeld. Goed contrast maakt je site leesbaar en toegankelijk.
Gerelateerde tools
Genereer SHA-1, SHA-256, SHA-384 en SHA-512 hashes van willekeurige tekst, direct in je browser.
Converteer kleuren tussen HEX, RGB en HSL met een live voorbeeld.
Converteer Unix-timestamps naar leesbare datums en terug: UTC, lokaal, ISO 8601 en relatieve tijd. Seconden en milliseconden worden automatisch herkend.
Percent-encodeer en decodeer URL's en URL-componenten, UTF-8-veilig.
We gebruiken essentiële cookies om de site te laten werken. Met jouw toestemming laden we ook Google AdSense, dat advertentiecookies plaatst. Zie ons privacybeleid.