Developer Tools
Color Converter
Convert colors between HEX, RGB and HSL — with a live swatch and native picker.
HEX
—
RGB
—
HSL
—
Enter a color as #RGB, #RRGGBB or rgb(r, g, b).
About this tool
Designers hand over HEX, CSS wants RGB with alpha, and HSL is easiest to reason about — this converter translates between all three instantly, with a live swatch so you always see the color you are working with. A native color picker is built in for choosing visually.
Everything runs locally in your browser — nothing is uploaded, logged or stored.
How to use
- Type a color as #HEX or rgb(), or use the picker.
- Read HEX, RGB and HSL together.
- Copy the format you need.
Frequently asked questions
Hue-Saturation-Lightness maps to how people think about color — make it lighter, less saturated — which makes palette tweaking intuitive.
Yes — 3-digit HEX is shorthand where each digit is doubled. Both are accepted.
The converter targets the opaque color; append alpha yourself (e.g. rgba(…, 0.5) or 8-digit HEX).