Color Converter
Free online color converter. Convert between HEX, RGB, HSL and CMYK color formats instantly. Auto-detects input format with live preview. All processing is local and private.
How to Use Color Converter
Enter a Color Value
Type or paste a color in any format — HEX (#3b82f6), RGB (59,130,246), HSL (217,91%,60%), or CMYK (76%,47%,0%,4%). The tool auto-detects the format.
View All Conversions
Once you enter a value, all other formats update instantly — HEX, RGB, HSL, and CMYK. Each field shows the exact equivalent color in that format.
Copy Any Format
Click the copy button next to any format to copy its value. Use in CSS, design tools, or code. The color preview swatch updates to show the exact color across all formats.
Common Colors Reference
| Name | HEX | RGB |
|---|
Frequently Asked Questions
What is the difference between HEX, RGB, and HSL?
HEX (#3b82f6) and RGB (rgb(59,130,246)) describe the same thing — amounts of red, green, and blue light — in different notations. HSL (hsl(217,91%,60%)) describes the same color in terms of hue (color on the wheel), saturation (intensity), and lightness (brightness). HSL is more intuitive for designers: "a desaturated blue at 60% brightness" is easier to reason about than "59 red, 130 green, 246 blue." CMYK (76%,47%,0%,4%) describes ink percentages for print and uses cyan, magenta, yellow, and key (black).
Why do my CMYK values look different from the HEX color?
CMYK and RGB/HEX have different color gamuts — the range of colors they can represent. RGB (used by screens) can display brighter, more saturated colors than CMYK (used by printing). When converting from RGB to CMYK, colors near the edge of the RGB gamut get shifted to the nearest printable equivalent. This is normal and expected — always preview printed colors physically, not on a screen.
Can I convert between all formats both ways?
Yes. The tool converts in all directions: HEX → RGB → HSL → CMYK and back. Each conversion is mathematically precise for RGB and HSL. The RGB ↔ CMYK conversion is an approximation because the two color spaces have different gamuts. For professional print work, use a calibrated color management system rather than mathematical conversion alone.