Color Converter
Convert between HEX, RGB, HSL, HWB, and CMYK formats
Universal Color Converter
Enter a color in any supported format and instantly see it converted to every other format. The converter auto-detects whether you typed HEX, RGB, HSL, HWB, or CMYK notation.
#6C63FFrgb(108, 99, 255)hsl(243, 100%, 69%)hwb(243 39% 0%)cmyk(58%, 61%, 0%, 0%)B3, 39%, 0%Supported Formats
| Format | Example | Description |
|---|---|---|
| HEX | #ff6600 | Hexadecimal notation (3 or 6 digits) |
| RGB | rgb(255, 102, 0) | Red, Green, Blue (0–255 each) |
| HSL | hsl(24, 100%, 50%) | Hue, Saturation, Lightness |
| HWB | hwb(24 0% 0%) | Hue, Whiteness, Blackness |
| CMYK | cmyk(0%, 60%, 100%, 0%) | Cyan, Magenta, Yellow, Key (print) |
| NCol | R24, 0%, 0% | Natural Color notation |
# prefix, and CSS functional notations like rgb(),hsl(), and hwb().How Color Conversion Works
All color models describe the same visible spectrum, but from different perspectives.RGB is additive (light mixing), CMYK is subtractive (ink mixing), and HSL/HWB are cylindrical models designed for human intuition.
Internally, conversions go through RGB as the common intermediate. For example, HSL → RGB → CMYK. This means every format can be reached from any other with at most two conversion steps.
Why multiple formats?
Different contexts favor different models. Web developers use HEX and RGB in CSS. Designers prefer HSL for its intuitive hue control. Print professionals need CMYK for accurate ink separation. NCol is a newer notation that maps naturally to how humans describe colors.