Kleur Converter

Er bestaan meerdere manieren om een kleur digitaal te beschrijven. Elk formaat heeft zijn eigen sterke punten:

HEX is compact en de standaard in webdesign. RGB is intuïtief als je met kleurkanalen werkt. HSL is het meest mensvriendelijk: je kunt de tint (hue) aanpassen zonder de verzadiging of helderheid te veranderen.

• Webdesign (CSS) — HEX is de meestgebruikte notatie. Gebruik HSL als je varianten van dezelfde kleur wilt maken (donkerder, lichter) door alleen de L-waarde aan te passen.
• JavaScript / programmatisch — RGB is handig als je kleurwaarden berekent of animeert, omdat je de drie kanalen als getallen kunt manipuleren.
• Designtools (Figma, Photoshop) — De meeste tools tonen HEX standaard, maar ondersteunen alle drie de formaten. Kopieer het formaat dat je nodig hebt direct vanuit deze converter.
• Toegankelijkheid — HSL is het meest intuïtief voor het aanpassen van kleurcontrast: verhoog de lichtheid (L) voor lichtere kleuren, verlaag voor donkerdere.

1. Contrastverhouding — Zorg voor een contrastverhouding van minimaal 4,5:1 tussen tekst en achtergrond (WCAG AA-norm). Donkerdere tekst op lichte achtergrond is het veiligst.
2. Consistentie — Kies 2–3 hoofdkleuren en gebruik varianten via HSL (zelfde hue, andere saturation/lightness) voor een samenhangend kleurenpalet.
3. Kleurenblindheid — Circa 8% van de mannen is kleurenblind. Gebruik niet alleen kleur om informatie over te brengen — voeg ook pictogrammen of tekst toe.