Kleurcontrastcontrole

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

Gratis online kleurcontrastchecker die de contrastverhouding tussen twee kleuren test aan de hand van de WCAG 2.1-toegankelijkheidsnormen (AA, AAA). Alle verwerking in je browser - geen communicatie met een server. Essentieel voor het voldoen aan webtoegankelijkheid en het valideren van UI-design.

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. Voer de voorgrond- (tekst) en achtergrondkleuren in.
  2. Controleer de contrastverhouding en de WCAG-klasse (AA/AAA).
  3. Pas de kleuren indien nodig aan om aan de normen te voldoen.

Veelgestelde vragen over Kleurcontrastcontrole

Wat is het verschil tussen WCAG AA en AAA?

AA vereist 4,5:1 voor normale tekst en 3:1 voor grote tekst. AAA is strenger met respectievelijk 7:1 en 4,5:1.

Wat als mijn contrastverhouding niet slaagt?

Pas de kleuren lichter of donkerder aan om het contrast te verhogen. De tool toont de resultaten realtime terwijl je aanpast.

Gerelateerde tools

Kleurkiezer

Selecteer, converteer en kopieer kleuren in HEX, RGB, HSL, OKLCH formaten. Sla paletten op. Gratis.

Kleurcodeconverter

Gratis online kleurcodeconverter. Realtime conversie tussen HEX, RGB, HSL, CMYK met voorbeeld. Verwerkt in browser.

Kleurenpaletgenerator

Gratis online kleurenpaletgenerator. Automatisch harmonische kleuren genereren: complementair, analoog, triadisch. Verwerkt in browser.

Willekeurige kleur

Gratis online willekeurige kleurgenerator. Eén klik voor willekeurige kleur, direct HEX/RGB-code kopiëren. Verwerkt in browser.