Kleuromzetter (HEX → RGB / HSL)

Over deze rekenmachine

Dit hulpmiddel zet een HEX-kleurcode als #1e6bff om naar de equivalenten in RGB (rood-, groen- en blauwkanaalwaarden van 0–255) en HSL (tint, verzadiging, lichtheid), drie verschillende manieren om precies dezelfde kleur te beschrijven die verschillende programma's en bestandsformaten verwachten. HEX is het compacte formaat dat het meest voorkomt in CSS en ontwerpbestanden, RGB sluit rechtstreeks aan op hoe schermen licht mengen, en HSL is voor mensen vaak makkelijker te doorgronden, omdat alleen de lichtheid of verzadiging bijstellen geen herberekening van drie afzonderlijke kanaalwaarden vergt.

Het wordt gebruikt door webontwikkelaars en ontwerpers die een kleur uit een mockup, huisstijlgids of afbeelding halen en die in een ander formaat nodig hebben voor hun CSS of codebase, en door iedereen die de helderheid of verzadiging van een kleur bijstelt en makkelijker in HSL-termen denkt dan naar HEX-cijfers te gissen. Ontwerpprogramma's als Figma en de kleurkiezers in browser-devtools voeren achter de schermen dezelfde omzetting uit, telkens wanneer ze een kleur in meer dan één formaat tonen.