Color Converter
Convert colours between HEX, RGB and HSL with a live preview.
About the Color Converter
The Color Converter translates a colour between HEX, RGB and HSL formats with a live swatch, so you can move a value between a design tool, CSS and a graphics program without losing it. Pick from the colour picker or type a value to convert.
Frequently asked questions
All three work in modern CSS. HEX is compact and common, RGB is readable, and HSL is the easiest to tweak by hand because you can adjust lightness or saturation directly.
HSL stands for hue, saturation and lightness. Hue is the colour itself on a 360-degree wheel, saturation is how vivid it is, and lightness is how bright — which makes it intuitive for creating tints and shades.