Developer tool
Convert HEX, RGB, and HSL Colors
Enter a HEX, RGB, or HSL color and convert it to the other common CSS color formats.
Runs locally in your browser
Your text is not uploaded.
Simple steps
How it works
- 01
Enter a CSS HEX, RGB, or HSL color.
- 02
Review the equivalent values in all three formats.
- 03
Copy the converted color values.
Good to know
Frequently asked questions
Which color syntaxes are accepted?
Enter #RGB or #RRGGBB, rgb(r, g, b), or hsl(h, s%, l%).
Are alpha colors supported?
This converter accepts opaque RGB and HSL colors; alpha channels are not included.
Are results rounded?
RGB channels are rounded to whole numbers; hue, saturation, and lightness are shown as percentages and degrees.
Can I paste CSS variables?
Paste a color value itself, not a variable declaration such as --brand: #336699.
Is the color sent online?
No. Parsing and conversion run locally in your browser.