Zet Hex, RGB en HSL eenvoudig om
Werk je aan je website, huisstijl of een presentatie en heb je snel de juiste kleurcode nodig in een ander formaat? Deze handige tool zet kleurcodes direct voor je om tussen de meest gebruikte systemen: HEX, RGB en HSL.
Voer een kleurcode in een van de velden in, en de tool berekent automatisch de bijbehorende waarden in de andere formaten. Zo heb je altijd de exacte kleur te pakken, welk systeem je ook nodig hebt.
#392248
Korte uitleg van de kleurcodes
-
HEX (Hexadecimaal): Dit is de meest gebruikte code in webdesign (bv. #3498DB). Het is een combinatie van 6 cijfers en letters die de Rood-, Groen- en Blauwwaarde van een kleur representeren.
-
RGB (Rood, Groen, Blauw): Dit systeem definieert een kleur door de intensiteit van de basiskleuren rood, groen en blauw aan te geven, elk met een waarde tussen 0 en 255 (bv. rgb(52, 152, 219)).
-
HSL (Hue, Saturation, Lightness): Dit systeem beschrijft een kleur op een meer intuïtieve manier: de tint (kleurtoon op de kleurencirkel, 0-360), de verzadiging (hoeveelheid grijs, 0-100%) en de lichtheid (van zwart naar wit, 0-100%). Bijvoorbeeld hsl(205, 71%, 53%).
Meer handige tools
Hulp van een expert nodig?
Deze tools zijn een handig startpunt. Maar voor het echte werk aan je website, van design tot onderhoud, is expertise nodig. Ontdek hoe wij je in de praktijk kunnen helpen.

Vragen over kleurgebruik
of huisstijl?
De juiste kleur is een belangrijk punt in elk ontwerp. Heb je vragen over hoe je kleuren consistent toepast op je website, het kiezen van een passend kleurenpalet of het ontwikkelen van een complete huisstijl? Geen punt. Als jouw partner in design denk ik graag met je mee.