Donkergroen op zilvergrijs
Tekstkleur #164b35 op achtergrond #cccccc. Hieronder zie je wat deze combinatie doet voor het contrast. De kleurcodes zijn leidend: kleurnamen kunnen per palet verschillen.
De getoonde verhouding is afgerond; de beoordeling gebruikt de ongeronde waarde.
Leesvoorbeeld: een korte zin om het kleurverschil te bekijken. Het gekleurde vlak is alleen een visuele demonstratie; alle uitleg staat ook in het gewone paginacontrast.
| Toepassing | Grens | Uitkomst |
|---|---|---|
| Gewone tekst, niveau AA | 4,5:1 | Voldoende |
| Grote tekst, niveau AA | 3:1 | Voldoende |
| Gewone tekst, niveau AAA | 7:1 | Onvoldoende |
Wanneer kun je deze kleuren gebruiken?
Deze kleuren halen de contrastgrens voor gewone tekst. Een dun lettertype kan toch lastig leesbaar zijn; controleer ook het gekozen lettertype en de tekstgrootte.
Grote tekst betekent hier minstens 18 punt, of minstens 14 punt vet. Een geslaagde contrastberekening zegt niets over bijvoorbeeld toetsenbordbediening, labels of de begrijpelijkheid van je tekst.
Zelf vergelijken
De berekening
De sRGB-kleurkanalen worden omgerekend naar relatieve helderheid. De verhouding is (helderste waarde + 0,05) gedeeld door (donkerste waarde + 0,05). Transparantie, fotoachtergronden en verloopkleuren vallen buiten deze berekening.