Ga naar inhoud

Kleurcontrastcontrole

Gratis online kleurcontrastcontrole. Meet contrastverhouding volgens WCAG AA/AAA, controleer webtoegankelijkheid. Verwerkt in browser.

Free online color contrast checker that tests contrast ratios between two colors against WCAG 2.1 accessibility standards (AA, AAA). All processing in your browser — no server communication. Essential for web accessibility compliance and UI design validation.

Voorgrond
Achtergrond
21.00:1
Contrastverhouding
Normale tekst
AA (4.5:1)Geslaagd
AAA (7:1)Geslaagd
Grote tekst
AA (3:1)Geslaagd
AAA (4.5:1)Geslaagd
Voorbeeld

Pa's wijze lynx bezag vroom het fikse aquaduct 1234567890

Pa's wijze lynx bezag vroom het fikse aquaduct 1234567890

lock Bestanden worden niet naar een server verzonden

Hoe gebruik je Kleurcontrastcontrole?

  1. Enter foreground (text) and background colors.
  2. Check the contrast ratio and WCAG grade (AA/AAA).
  3. Adjust colors as needed to meet standards.

Veelgestelde vragen over Kleurcontrastcontrole

What is the difference between WCAG AA and AAA?

AA requires 4.5:1 for normal text and 3:1 for large text. AAA is stricter at 7:1 and 4.5:1 respectively.

What if my contrast ratio doesn't pass?

Adjust colors lighter or darker to increase contrast. The tool shows results in real time as you adjust.