Convert colors between HEX, RGB and HSL formats instantly. A handy tool for designers and developers working across palettes.
Colors get written in different formats depending on where you are: a design tool may give you HSL, a CSS stylesheet uses HEX or RGB, and an API might expect yet another form. Converting by hand is error-prone.
The color converter takes a color in one format and gives you the equivalent in the others, so you can move between palettes without guesswork.
How to use it
- Open the color converter.
- Enter your color in HEX, RGB or HSL.
- Read the converted values and copy the one you need.
Good to know
- HEX values are compact and common in CSS.
- RGB is straightforward for screens and image data.
- HSL is intuitive to adjust for lightness and hue.
If you are picking a brand color from a screen, grab one first with the color picker.