Petrol op zilvergrijs
Tekstkleur #006b70 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 | Onvoldoende |
| Grote tekst, niveau AA | 3:1 | Voldoende |
| Gewone tekst, niveau AAA | 7:1 | Onvoldoende |
Wanneer kun je deze kleuren gebruiken?
Deze combinatie haalt de grens voor gewone tekst niet. Kies een donkerdere tekstkleur op een lichte achtergrond, of juist een lichtere tekstkleur op een donkere achtergrond. Vergelijk de uitkomst hieronder voordat je de kleuren toepast.
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.