Design & colour
Colour converter
Convert HEX, RGB and HSL colour values.
A clear answer. Here’s how.
Accepts opaque #RGB/#RRGGBB, rgb(r,g,b) and hsl(h,s%,l%). RGB channels use 0–255 and HSL percentages use 0–100. Hues wrap through 360 degrees. Alpha channels are excluded.
See a worked example
Worked example
A fixed demonstration, separate from the values you enter above.
- HEX, RGB or HSL colour
- #365bd5
Example result
- HEX
- #365bd5
- RGB
- rgb(54, 91, 213)
- HSL
- hsl(226.04, 65.43%, 52.35%)