?How it works
- Edit a HEX, RGB, HSL, or CMYK value.
- Every related format updates instantly.
- Use the copy icons to copy a value.
Color Converter
Convert colors between HEX, RGB, HSL, and CMYK formats instantly.
Color Converter
Convert colors between HEX, RGB, HSL, and CMYK formats quickly and easily.
↔ HEX ↔ RGB
↔ RGB ↔ HSL
↔ RGB ↔ CMYK
Color Preview
#6C5CE7
- RGB
- rgb(108, 92, 231)
- HSL
- hsl(249, 76%, 63%)
- CMYK
- cmyk(53%, 60%, 0%, 9%)
Recent Conversions
Converted colors will appear here.
✓Your Privacy, Our Priority
- Conversions happen in your browser.
- No color data is stored or uploaded.
▣Features
- Four bidirectional color formats
- Instant preview and recent conversions
Practical guide
Using Color Converter with confidence
Reviewed by LipiCode Editorial Team
What this tool helps you do
Colour conversion expresses a colour through another model such as HEX, RGB, HSL, or CMYK. Screen models and print models describe different reproduction systems, so numeric conversion cannot fully predict a physical printed result.
When it is useful
- Translating a CSS colour
- Inspecting RGB and HSL relationships
- Preparing an approximate CMYK value
- Normalizing design specifications
A practical example
Convert a HEX brand colour to RGB for code and HSL for controlled lightness variations. For printing, use the printer's colour profile rather than relying only on a generic CMYK conversion.
Limitations and common mistakes
Rounding can produce small round-trip differences. Alpha transparency is separate from the base colour, and out-of-gamut screen colours may become duller in print.
Frequently asked questions
Why does CMYK not match my screen?
CMYK depends on inks, paper, and a colour profile; screens use emitted RGB light.
Is HEX a different colour space from RGB?
CSS HEX is primarily another notation for RGB channel values.