Kleur & Ontwerp
Contrastcontrole (WCAG)
Gratis WCAG-contrastcontroleur. Controleer het contrast tussen twee willekeurige kleuren – zie AA/AAA goed- of afkeur voor normale en grote tekst. Voor toegankelijk ontwerp en a11y.
Contrast checker (WCAG)
Redactionele opmerking
Understanding · Designing for the eye on the bus.
Dit uitgebreide hoofdstuk is momenteel alleen in het Engels beschikbaar. De conversietool hierboven werkt in jouw taal; de lange uitleg is nog niet vertaald.
Veelgestelde vragen
Quick answers.
›What WCAG levels are checked?
Both AA and AAA, for normal text (≤17pt) and large text (≥18pt or ≥14pt bold).
›What ratio do I need?
AA: 4.5:1 normal, 3:1 large. AAA: 7:1 normal, 4.5:1 large. Most public sites target AA at minimum.
›How is contrast calculated?
Per WCAG 2.x: relative luminance of each color, then (lighter + 0.05) / (darker + 0.05). The result is a ratio from 1:1 (no contrast) to 21:1 (max).
›What about WCAG 3 / APCA?
Currently we use WCAG 2 ratios — the official standard for AA/AAA conformance. WCAG 3 / APCA is still a draft.
›Is the checker free?
Yes — fully free, no signup.
Mensen zoeken ook naar
Use with
What people reach for next.
Gerelateerde tools
More in this room.
- Kleurenconverter (HEX/RGB/HSL/OKLCH)HEX, RGB, HSL en modern OKLCH — direct.
- Tailwind KleurzoekerDichtstbijzijnde Tailwind-klasse voor elke HEX-kleur.
- Afbeeldingskleurkiezer & PaletSleep een afbeelding, extraheer het palet.
- Kleurenblindheid SimulatorBekijk paletten via deuteranopie, protanopie en meer.
- GradiëntgeneratorLineaire, radiale en conische CSS-gradiënten.
- Box Shadow GeneratorVisuele CSS box-shadow editor.