Color Converter – HEX · RGB · HSL · CMYK
Invalid HEX color. Use format #rrggbb or #rgb.
Color Format Conversion Guide
Web designers and developers work with multiple color formats depending on their context. This tool instantly converts between the four most important: HEX, RGB, HSL, and CMYK.
Color Format Reference
- HEX (#rrggbb) – The most common web format. Each pair represents Red, Green, Blue as a hexadecimal value (00–FF). Example: #ff5733.
- RGB (r, g, b) – Red, Green, Blue values from 0–255. Used in CSS and image editing software.
- HSL (h, s%, l%) – Hue (0–360°), Saturation (0–100%), Lightness (0–100%). More intuitive for creating colour palettes and themes.
- CMYK (c%, m%, y%, k%) – Cyan, Magenta, Yellow, Key (Black). Used in print design and professional publishing.
Frequently Asked Questions
What is the difference between RGB and CMYK?
RGB is an additive colour model used for screens — mixing all colours at full intensity produces white. CMYK is a subtractive model used for print — mixing all inks at full produces black. The same colour can look different when converted between the two models.
Why use HSL over RGB?
HSL is more intuitive for designers. You can easily create lighter/darker variants by adjusting only the Lightness value, or more/less saturated versions by adjusting Saturation — without recalculating all three RGB values.
Are HEX and RGB the same colour space?
Yes. HEX is simply RGB encoded in hexadecimal notation. #ff0000 and rgb(255, 0, 0) represent the exact same red colour.