Wat is kleurcontrast?
De contrastverhouding meet het luminantieverschil tussen tekst (voorgrond) en achtergrond op een schaal van 1:1 (geen contrast) tot 21:1 (zwart op wit).
Deze tool zet kleuren om naar sRGB, mengt transparantie vóór de vergelijking en gebruikt de WCAG-formule voor relatieve luminantie.
WCAG-drempels
- AA: 4.5:1 voor normale tekst, 3:1 voor grote tekst.
- AAA: 7:1 voor normale tekst, 4.5:1 voor grote tekst.
- Grote tekst is 18pt+ normaal of 14pt+ vet.
- UI-componenten, pictogrammen en grafische elementen moeten minimaal 3:1 nastreven.
Hogere verhoudingen verbeteren de leesbaarheid, vooral bij dunne lettertypes of kleine formaten.