Contrast checker

Bereken de contrastverhouding tussen tekstkleur en achtergrondkleur volgens de WCAG-standaard.

Tekstkleur
Achtergrondkleur
Contrast
1.00
Kleine tekst
Grote tekst

Voorbeeld

Zo ziet je tekst eruit op de gekozen achtergrond. Pas de kleuren aan tot hij prettig leest.

Wat is de contrastverhouding?

Het is een maat voor het verschil in helderheid tussen twee kleuren, uitgedrukt als verhouding van 1:1 (geen contrast) tot 21:1 (maximaal, zwart op wit). Hoe hoger de waarde, hoe beter de tekst leesbaar is.

Welke waarden eist de WCAG?

Voor kleine tekst vraagt niveau AA een verhouding van minstens 4,5:1 en niveau AAA 7:1. Voor grote tekst (18 pt of 14 pt vet) vraagt AA 3:1 en AAA 4,5:1. Haal je deze minimumwaarden, dan kunnen de meeste mensen je content lezen, ook mensen met een visuele beperking.

Voorbeeld

Zo ziet je tekst eruit op de gekozen achtergrond. Pas de kleuren aan tot hij prettig leest.