Color Converter
Convert colors between HEX, RGB, HSL, and CMYK formats. Pick colors with the visual picker or enter values.
Convert colors between HEX, RGB, HSL, and CMYK formats. Enter a color in any format and get the equivalent values for CSS, design tools, and print workflows.
How to use Color Converter
- Enter a color value in any supported format (HEX, RGB, HSL, or CMYK).
- The tool automatically detects the format and converts to all others.
- Copy the format you need for your CSS, design tool, or print software.
Features
- Supports HEX, RGB, HSL, and CMYK color formats.
- Live preview swatch shows the color as you type.
- Auto-detects input format — no dropdowns needed.
- Outputs CSS-ready syntax for each format.
FAQ
What is the difference between RGB and HSL?
RGB describes color as red, green, and blue intensity values. HSL describes color as hue (angle on the color wheel), saturation, and lightness. HSL is often more intuitive for adjusting colors because you can change lightness independently of hue.
Why does my HEX color look different in print?
HEX and RGB are screen-based color models (additive). CMYK is print-based (subtractive). Converting between them is approximate because screens and printers use different color gamuts.
Can I use 3-digit HEX shorthand?
Yes. 3-digit HEX like #F00 expands to #FF0000. Each digit is doubled. This tool accepts both 3-digit and 6-digit HEX input.