Waarom vereist WCAG 4.5:1 contrast?
Dit is de AA-standaard zodat slechtzienden tekst kunnen lezen zonder technische hulpmiddelen.
Kleurenkiezer
Kies kleuren en converteer tussen HEX, RGB, HSL
Contrastverhouding
⬜ ⬛
Complementaire kleur & Analoge kleuren
Kleurenkiezer
HEX of RGB in CSS?
HEX is compacter en veelgebruikter. Gebruik rgba() voor transparantie.
Hoe implementeer ik dark mode kleuren?
Gebruik CSS custom properties met @media (prefers-color-scheme: dark) om kleurvariabelen te wisselen.
Kleurcodes: HEX, RGB en HSL
HEX, RGB en HSL zijn drie manieren om kleuren te representeren. HEX is het meest gebruikt op het web, RGB gebruikt rood-groen-blauw waarden, HSL gebruikt tint-verzadiging-helderheid.
Wat is de WCAG-contrastverhouding?
De WCAG AA-standaard vereist een contrastverhouding van minimaal 4.5:1 zodat slechtziende gebruikers tekst kunnen lezen.
HSL: Het intuïtieve kleurmodel
HSL gebruikt Tint (0-360°), Verzadiging (0-100%) en Helderheid (0-100%) om kleuren intuïtief te beschrijven.
Complementaire en analoge kleuren
Complementaire kleuren staan 180° tegenover elkaar. Analoge kleuren creëren harmonieuze paletten.
Kleurmanagement met CSS Custom Properties
CSS-variabelen centraliseren kleurmanagement en vergemakkelijken themas en dark mode.
Veelgestelde vragen
HEX of RGB in CSS?
HEX is compacter en veelgebruikter. Gebruik rgba() voor transparantie.
Waarom vereist WCAG 4.5:1 contrast?
Dit is de AA-standaard zodat slechtzienden tekst kunnen lezen zonder technische hulpmiddelen.
Hoe implementeer ik dark mode kleuren?
Gebruik CSS custom properties met @media (prefers-color-scheme: dark) om kleurvariabelen te wisselen.