What a color space actually is
An image stores numbers for each pixel — but what color the value "255 red" actually means is defined by the color space. It's like the legend on a map: the same coordinates, but the legend tells you where you land. A color space defines the range of colors an image can represent — and different spaces cover different sizes of that range, which is where the confusion starts.
The three you'll meet
| Color space | Gamut | Intended for |
|---|---|---|
| sRGB | standard, "smaller" | web, screens, universal baseline |
| Display P3 | ~25% larger than sRGB | modern displays, richer reds/greens |
| Adobe RGB | larger in green-cyan | professional print, photography workflow |
"Larger" sounds like "better" — but it's only better if the whole chain (camera, software, display, output) understands the larger space. Otherwise the opposite happens.
The washed-out-colors mystery
The most common color-space headache: a photo looks vivid in your editor but pale and flat in the browser or after upload. The cause: the image was saved in Adobe RGB, but the displaying software ignores the embedded profile and treats the numbers as sRGB. The values meant for Adobe RGB then get interpreted as sRGB — and land off. The image isn't broken; it's being read with the wrong legend.
Why the web wants sRGB
The web is a place of lowest common denominators. Not every browser, app or old monitor handles embedded color profiles correctly. sRGB is the space everyone displays the same. Export web images in sRGB and you get what you intended everywhere — no washed-out effect. That's also why browsers work internally in sRGB. How this fits into your overall web-image setup is in How to optimize images for the web.
When the larger spaces make sense
- Adobe RGB: in a professional print workflow, when printer and paper can reproduce the extra greens and cyans.
- Display P3: for content designed to pop on modern wide-gamut displays, with an sRGB fallback for older devices — an advanced topic, not an everyday default.
- Editing itself: pros often work in a large space internally and convert to sRGB (for web) or Adobe RGB (for print) only at export.
The practical rule
- For the web: always export to sRGB ("convert to sRGB" / "save for web").
- For print: use the space your print service requires (often Adobe RGB or a print profile).
- Colors look washed out on the web? Check whether the image is Adobe RGB and re-export as sRGB.
Color management is a deep topic — but for 99% of everyday cases, one sentence covers it: web = sRGB.