HEX RGB HSL Converter
Convert a colour between HEX, RGB and HSL for design work.
One colour, every format you need
Design and code call for colour in different formats — HEX to paste into a stylesheet, RGB when you need the channels or transparency, HSL when you want to adjust the colour. This converts a colour between all three, so you can work in whichever the moment calls for without recalculating.
Enter a colour in any format to see the others.
Why HSL is the designer's friend
Of the three, HSL is the one most worth reaching for when you are actually working with colour, because it maps to how people think about it: hue is the colour itself, saturation is how vivid, lightness is how light or dark. That means adjusting a colour becomes intuitive — nudge lightness down for a shade, shift hue for a related colour, drop saturation for a muted version — where doing the same in HEX or RGB is guesswork across three interlinked numbers. HEX stays the format you paste most, and RGB is where you add an alpha channel for transparency. Having all three at once lets you pick by eye and manipulate by the most convenient representation.
Common questions
Which format is best for adjusting a colour?
HSL — hue, saturation and lightness map to how people think about colour, so nudging lightness for a shade or shifting hue is intuitive.
When do I use each format?
HEX to paste into stylesheets, RGB when you need channels or transparency, and HSL when adjusting the colour itself.
Is anything uploaded?
No. The conversion happens in your browser.