Why one color has so many names
The same shade of orange might be written #E85D26, rgb(232, 93, 38), hsl(17, 81%, 53%), or a set of CMYK ink percentages on a printer. These are not different colors — they are different color models, each a coordinate system for describing the same visible result. Understanding what each model is good at takes the mystery out of converting between them and explains why a color that glows on screen can look muddy in print.
RGB and HEX: the language of screens
Screens emit light, and they build every color by mixing three colored lights: red, green and blue. This is an additive model — start from black (no light) and add until you reach white (all three at full). Each channel runs from 0 to 255, giving 256 × 256 × 256 ≈ 16.7 million colors.
HEX is simply RGB written in base-16 for compactness. #E85D26 breaks into three pairs: E8 = 232 red, 5D = 93 green, 26 = 38 blue — identical to rgb(232, 93, 38). Two hex digits cover 0–255 exactly, which is why web colors are six digits. Add a fourth pair or an rgba() alpha value and you also control transparency.
HSL and HSV: the language of humans
RGB is how machines store color, but it is unintuitive to adjust — to make a color “a bit lighter and less intense” you would have to nudge three numbers at once. HSL and HSV reorganize the same space around how people actually think about color:
- Hue — the color itself, as an angle from 0 to 360° around a wheel (0 red, 120 green, 240 blue).
- Saturation — how vivid or grey it is, from 0% to 100%.
- Lightness (HSL) or Value/Brightness (HSV) — how light or dark.
This is why designers love HSL: to build a palette you fix the hue and just walk the lightness up and down, or rotate the hue by a fixed angle to find complementary colors. The model maps onto intention, not hardware.
CMYK: the language of ink
Print is the opposite of a screen. Paper starts white and you subtract brightness by adding ink: cyan, magenta, yellow and a key black (the K). Because ink absorbs light rather than emitting it, CMYK is a subtractive model and a physically smaller gamut than RGB. Some of the brightest, most saturated colors a screen can show — vivid greens, electric blues, pure orange — simply cannot be reproduced in standard process printing, which is why they shift duller when converted.
| Model | Used for | Mixing | Starts from |
|---|---|---|---|
| RGB / HEX | Screens, web, apps | Additive (light) | Black |
| HSL / HSV | Design, color picking | Reorganized RGB | — |
| CMYK | Printing | Subtractive (ink) | White paper |
Converting between them
RGB, HEX, HSL and HSV are mathematically interchangeable — they describe exactly the same set of colors, so conversion among them is lossless and reversible. RGB to CMYK is different: because the printable gamut is smaller, the conversion approximates, and a proper print workflow uses color profiles (and ideally a calibrated proof) rather than a naive formula. The practical rule is simple: design in RGB/HEX for anything that lives on a screen, and convert to CMYK only when you are genuinely sending files to a printer — then expect, and check for, some shift in the most vivid colors.
Our color code converter translates instantly between HEX, RGB, RGBA, HSL, HSV and CMYK so you can grab whichever format your stylesheet, design tool or printer needs.