Ga naar hoofdinhoud

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.