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.
How to Use Color Converter?
- 1Choose a base color using the interactive picker or enter HEX, RGB, HSL values.
- 2Generate matching color palettes, schemes, or color space transformations instantly.
- 3Click on any color code block in the results to copy it instantly to your clipboard.
Designer Friendly
Easily match colors, check contrast ratios, and generate custom palettes for your designs.
Multi-Format Support
Supports copy-paste in HEX, RGB, RGBA, HSL, HSLA, and CSS variables formats.
Runs Locally
No internet connection required. Our color engines run instantly and cleanly inside your web browser.