Runs locally
Color Format Converter
HEX, RGB and HSL from one value.
Export and import are available after you sign in. Sign in
Accepts hex, rgb() and hsl() and shows the other forms plus a swatch.
About this tool
Move a color between design tools and CSS. Paste a value in HEX, rgb() or hsl() and see the other formats together with a swatch of the color.
How to use it
- 01
Paste a color in HEX, RGB or HSL.
- 02
Check the swatch and the converted values.
- 03
Copy the format you need.
FAQ
Frequently asked questions
Which formats are supported?
HEX in 3, 4, 6 or 8 digits, rgb() and rgba(), and hsl().
How do I pick a color visually?
Use the Color Picker, which is bound to the same HEX, RGB and HSL values.