Convert between HEX, RGB, HSL, and CMYK — all formats update in real time
Color Preview
HEX
RGB
R
G
B
HSL
H°
S%
L%
CMYK
C%
M%
Y%
K%
About Color Converter
Designing for the web often involves fine-tuning visual properties until they look just right. Color Converter gives you an interactive playground to convert between hex, rgb, hsl, and cmyk — all formats update in real time and instantly see the result. When you're happy with the output, copy the generated CSS code and paste it into your stylesheet — no guesswork needed.
How to Use
1
Pick or type a colorClick the color picker swatch, type a HEX value, or enter RGB / HSL / CMYK numbers directly.
2
All formats update instantlyEditing any field automatically recalculates and updates every other format in real time.
3
Copy your preferred formatClick any "Copy" button to copy that specific format string to your clipboard, ready to paste.
💡 Use "Copy All Formats" to copy a formatted list of all four representations at once.
Frequently Asked Questions
HEX (#RRGGBB) is the standard web notation used in HTML and CSS. RGB (Red, Green, Blue) represents each channel as a value from 0 to 255. HSL (Hue, Saturation, Lightness) is more intuitive for designers — you spin the hue wheel and adjust lightness. CMYK (Cyan, Magenta, Yellow, Key/Black) is the model used in print design and four-color printing.
For web and CSS development, use HEX or RGB. For CSS animations and programmatic color manipulation, HSL is often easier because you can shift the hue by a fixed amount. For professional print design (offset printing, business cards, brochures), use CMYK — your printer will require it.
All conversions involve floating-point arithmetic and rounding to whole numbers at the end. This means converting HEX → HSL → HEX might return a value 1 digit different from the original. These differences are imperceptibly small and do not affect practical use.
Not currently. This tool converts solid (fully opaque) colors only. HEXA (#RRGGBBAA), RGBA, and HSLA formats are not supported in this version. For alpha channel support, you can manually append the alpha value after copying the RGB or HSL output.