Free Color Converter — HEX, RGB & HSL
Convert a color between HEX, RGB and HSL, instantly and entirely in your browser.
How to convert a color
-
1
Enter or pick a color
Type a HEX, RGB or HSL value, or use the color swatch to pick one visually.
-
2
Read the converted values
The HEX, RGB and HSL fields update automatically to match.
-
3
Copy the format you need
Click "Copy" next to any field to grab that value for your CSS or design tool.
Example use cases
Matching a design handoff
A designer hands you a HEX value from Figma but your codebase uses HSL variables — convert it in one step.
Reading brand colors from a style guide
Brand guides often publish RGB or CMYK-adjacent values; convert to the HEX or HSL your CSS actually needs.
Adjusting lightness without guesswork
Converting to HSL makes it easy to see and tweak the lightness/saturation of a color before converting back.
Frequently asked questions
Which color formats are supported?
You can type a HEX code (3 or 6 digits, with or without #), an rgb()/rgba() value, or an hsl()/hsla() value. All three outputs update no matter which format you start from.
Does the color picker work both ways?
Yes. Pick a color with the swatch and the text field and all three outputs update, or type a value directly and the swatch updates to match.
What happens to the alpha channel?
If you enter rgba() or hsla() with an alpha value, it carries through to the RGB and HSL outputs. The HEX output only reflects alpha if you enter an 8-digit HEX code.
Is my input uploaded anywhere?
No. Every conversion happens locally in your browser using JavaScript — nothing you type is sent to a server.