⚙️ Developer Tools
Color Converter
Convert colors between HEX, RGB, HSL, HSV and CMYK formats. Click on a color to start converting.
Advertisement
Free Color Converter — HEX to RGB, HSL, CMYK & More
Our free colour converter converts between HEX, RGB, HSL, HSV, CMYK and CSS named colours simultaneously. Enter any colour in any format and all others update instantly — essential for front-end developers and designers.
🎨 6 Formats
HEX, RGB, HSL, HSV, CMYK and CSS names.
👁 Colour Preview
See the exact colour as a live swatch.
📋 Copy Any Format
One-click copy of each colour format.
⚡ Instant
All formats calculated simultaneously.
How to Use — Step by Step
1
Enter a colour value
Type HEX (#ff6600), RGB (255,102,0), HSL or a CSS colour name.
2
All formats appear
HEX, RGB, HSL, HSV and CMYK shown simultaneously with a colour preview.
3
Copy what you need
Click any format value to copy to clipboard.
Frequently Asked Questions
RGB vs HEX?
Same colour values — RGB uses decimal (0–255), HEX uses hexadecimal (00–FF). #FF6600 = rgb(255,102,0). HEX is compact for CSS; RGB is easier to manipulate mathematically.
What is HSL?
Hue, Saturation, Lightness. More intuitive for designers — adjust brightness and saturation without changing hue. hsl(200,80%,50%) and hsl(200,80%,70%) are the same hue at different brightness.
What is CMYK?
Cyan, Magenta, Yellow, Key/Black — the colour model used in print. Digital screens use RGB (additive light); printers use CMYK (subtractive ink). Convert to CMYK for print design.
CSS named colours?
CSS has 140 named colours. Convenient but limited — use HEX or HSL for precise colour control in production CSS.
Why do screen colours look different in print?
RGB gamut is larger than CMYK. Many vivid screen colours cannot be accurately reproduced in print.