Contrast van kleuren
Vul de voorgrondkleur en achtergrondkleur in als CSS-waarden. Controleer dan voor welke toepassingen je de combinatie kunt gebruiken. Bijvoorbeeld:
- hex-kleuren
#F00 - rgb-kleuren:
rgb(255 0 0) - kleurnamen:
red
Resultaat
- Contrast ratio:
- 21 ÷ 1
- Achtergrond:
-
white - Voorgrond:
-
#000000
Gebruik deze kleuren voor bijvoorbeeld:
Doen
Je mag de kleuren gebruiken voor alle tekst, als je wilt voldoen aan WCAG 2.2 AA niveau.
Doen
Je mag de kleuren voor iconen gebruiken, als je wilt voldoen aan WCAG 2.2 AA niveau.
Doen
Je mag de kleuren gebruiken voor tekst groter dan 24px, als je wilt voldoen aan WCAG 2.2 AA niveau.
Doen
Je mag de kleuren gebruiken voor vette tekst groter dan 18.5px, als je wilt voldoen aan WCAG 2.2 AA niveau.