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