Color Converter
Convert any color between HEX, RGB, HSL, HSV, and CMYK formats instantly. Pick from the color wheel or enter a hex code. Each format explained — CSS uses HEX/RGB, Photoshop uses HSV, printing uses CMYK.
rgb(2, 132, 199)R: 2 G: 132 B: 199
hsl(200, 98%, 39%)Hue: 200° Sat: 98% Light: 39%
cmyk(99%, 34%, 0%, 22%)C: 99% M: 34% Y: 0% K: 22%
hsv(200, 99%, 78%)Used in design tools (Photoshop, Figma)
| Format | Used For | Range | Standard |
|---|---|---|---|
| HEX (#RRGGBB) | Web, CSS, HTML | #000000–#FFFFFF | W3C, WHATWG |
| RGB (r, g, b) | Web, CSS, digital displays | 0–255 per channel | sRGB (IEC 61966-2-1) |
| HSL (h, s%, l%) | CSS3, design tools | H: 0–360°, S/L: 0–100% | CSS3 specification |
| HSV (h, s%, v%) | Photoshop, Figma, design | H: 0–360°, S/V: 0–100% | Adobe / industry |
| CMYK (c%, m%, y%, k%) | Commercial printing, offset | 0–100% per ink | ISO 2846, SWOP (US) |
Frequently Asked Questions
Why does my design look different when printed?
Screens use RGB (additive light), while printers use CMYK (subtractive ink). Not all RGB colors can be accurately reproduced in CMYK — particularly vivid blues, greens, and oranges. When printing professionally in the UK or US, always supply CMYK files and ask for a colour proof before a full print run. The conversion from RGB to CMYK typically reduces saturation and can shift hues significantly.
What is sRGB and why does it matter?
sRGB (standard Red Green Blue) is the colour space defined by IEC 61966-2-1, developed jointly by HP and Microsoft and now the default for the web, most cameras, and consumer displays. It's used globally in all W3C web standards. For professional photography and print (common in the UK and US media industries), wider colour spaces like Adobe RGB or P3 are used — these can reproduce colours that sRGB cannot display.