Color Converter
View equivalent HEX, RGB and HSL values for a CSS color.
Make this result useful
Use it now, or keep a copy for later. We never save your tool input automatically.
How to use this tool
Enter #RGB, #RRGGBB or rgb(r, g, b) and process it.
Important to know
View equivalent HEX, RGB and HSL values for a CSS color.
Alpha, named colors and wide-gamut color spaces are not supported. HSL percentages and hue are rounded for display.
Formula and methodology
Normalize RGB channels to 0–1; lightness is (maximum + minimum) / 2 and saturation and hue follow the standard RGB-to-HSL relationships.
Example
#FF0080 becomes rgb(255, 0, 128) and approximately hsl(330, 100%, 50%).
Frequently asked questions
Why can HSL round-trip values differ?
Displayed HSL values are rounded to whole degrees and percentages.