Color Converter
Paste a color in HEX, RGB or HSL — or pick one visually — and get every other format at once, with a large preview swatch to check it against.
#10b981
hex
#10b981
rgb
rgb(16, 185, 129)
hsl
hsl(160, 84%, 39%)
cmyk
cmyk(91%, 0%, 30%, 27%)
About this tool
HEX and RGB describe the same thing in different notation: how much red, green and blue light to mix. HSL is more intuitive for design work because hue, saturation and lightness map to how people actually describe colour, making it easy to build a consistent palette by varying one channel.
CMYK is a subtractive model for print. The conversion here is a straightforward mathematical one without an ICC colour profile, so treat CMYK output as a starting point rather than a press-ready value.
Frequently asked questions
- How do I convert HEX to RGB?
- Split the six digits into three pairs and read each as a hexadecimal number. `#10b981` becomes red 16, green 185, blue 129.
- What does the shorthand `#fff` mean?
- It is a three-digit HEX code where each digit is doubled, so `#fff` expands to `#ffffff` — pure white.
- When should I use HSL instead of HEX?
- When you need related shades. Keeping hue and saturation fixed while changing lightness produces a coherent tint and shade scale.
- Is the CMYK output print-accurate?
- It is a mathematical approximation. Accurate print colour requires an ICC profile for the specific press and paper.
- Which formats can I paste in?
- HEX with or without `#` (three or six digits), `rgb()` / `rgba()` and `hsl()` / `hsla()`, with commas or spaces as separators.