HEX / RGB / HSL / CMYK Converter
Convert a colour between HEX, RGB and HSL.
System verdict
RESULT#00E5FF = rgb(0, 229, 255)
The same colour in every common format. HEX and RGB describe the colour directly; HSL describes it as hue, saturation and lightness, which is easier to adjust by eye.
- HEX
- #00E5FF
- RGB
- rgb(0, 229, 255)
- HSL
- hsl(186, 100%, 50%)
- CSSPaste straight into a stylesheet
- #00e5ff
What this cannot tell you
- Converts between sRGB colour formats. It does not perform colour-managed conversion to print (CMYK) or wide-gamut spaces, which need an ICC profile.
- HSL values are rounded to whole numbers, so a round-trip may shift by one unit.
How this calculation works
Enter a colour as HEX, rgb() or hsl() and the tool parses it to RGB and produces every common format. HEX and RGB are two ways of writing the same channel values; HSL re-expresses them as hue, saturation and lightness, which is easier to adjust by eye.
What the results mean
- HEX
- Two hex digits each for red, green and blue. The most common format in CSS and design tools.
- RGB
- The same three channels as decimal numbers from 0 to 255.
- HSL
- Hue (0–360°), saturation and lightness as percentages. Adjusting lightness or saturation is far more intuitive here than in HEX.
Frequently asked questions
Why convert to HSL?
Because it matches how people think about adjusting colour. To make a colour lighter or less saturated, you nudge one HSL number; doing the same in HEX or RGB means changing all three channels in concert. HSL is the format to reach for when tweaking a palette.
Are these colours print-accurate?
No — these are all sRGB screen formats. Converting to CMYK for print is a colour-managed operation that depends on the printer, ink and paper, and needs an ICC profile rather than a formula. The printer test pages cover the print side.