Color spaces are one of the least visible yet most impactful technical details in digital imaging. You can do everything else right — shoot at the right resolution, compress to the right size, choose the right format — and still end up with images that look washed out on some screens, oversaturated on others, or completely wrong when sent to a print shop. The cause is almost always a color space mismatch. This guide explains what color spaces are, how the common ones differ, and how to avoid the most common pitfalls.
What is a color space?
A color space (also called a color profile or ICC profile) defines the range of colors that can be represented in a digital image. Think of it as a set of rules for interpreting what the numbers in an image file mean in terms of real-world color.
When a pixel has a value of R=255, G=0, B=0, that is "maximum red." But what shade of red exactly? A vivid, slightly orange-red? A deeper, cooler crimson? The answer depends on the color profile attached to the image. Without a profile, a viewing application has to guess — and different applications guess differently, which is why untagged images can look different across devices.
sRGB: the universal web standard
sRGB (Standard Red Green Blue) was developed in 1996 by HP and Microsoft as a common color space for monitors, printers, and the web. It covers a moderate range of colors — not the full gamut of human vision, but enough for everyday photography and graphic design.
sRGB is the default assumption of virtually every web browser, every major social media platform, most email clients, and most consumer monitors. If you are publishing images for the web and want them to look consistent across devices, your images should be in sRGB.
An image in Adobe RGB or Display P3 that is uploaded to a web platform without conversion will often look desaturated and dull, because the browser interprets the color values as if they were sRGB when they are actually coded for a wider gamut.
Adobe RGB: for photography and print workflows
Adobe RGB (1998) covers a significantly wider gamut than sRGB, particularly in the green and cyan range. It is the color space of choice for professional photography intended for print, because commercial printing processes (especially for high-end print such as fine art and magazines) can reproduce colors that fall outside sRGB but within Adobe RGB.
If you shoot in Adobe RGB on your camera, your images will contain richer color data that benefits workflows that end in print. However, you must convert to sRGB before sharing online, or your images will appear dull in browsers that do not perform color management.
Display P3: the wide gamut web standard
Display P3 is a color space defined by Apple that covers roughly 25 percent more colors than sRGB — particularly vivid greens, reds, and cyans. Modern iPhone cameras, iPad Pro screens, MacBook Pro displays, and many Android flagship phones use Display P3.
Safari on Apple devices performs color management correctly for Display P3 images on P3-capable displays, meaning those images look more vivid and accurate on Apple hardware. Chrome and Firefox have also added P3 support. However, many older devices and non-color- managed applications will render P3 images incorrectly, making them look oversaturated.
For web images, sRGB remains the safest choice for maximum compatibility. Display P3 is worth adopting for Apple-centric audiences or when you are certain the viewing environment supports it.
CMYK: for print production
CMYK (Cyan, Magenta, Yellow, Key/Black) is the color model used by commercial printing presses. It works by subtractive mixing — inks absorb light rather than emit it.
CMYK cannot be used for web images. JPEG and PNG files on the web are RGB. If you try to display a CMYK JPEG in a browser, results vary: some browsers convert it automatically, others display it with incorrect colors or refuse to show it at all.
If you are preparing images for a commercial printer, convert to the appropriate CMYK profile specified by your print shop (commonly FOGRA39 in Europe, SWOP in the United States). Do this as the final step before handing files to the printer — not during the editing phase.
Common color problems and how to fix them
Colors look washed out after upload — Most likely the image was in Adobe RGB or Display P3 and was uploaded to a platform that does not perform color management. The platform reads the color values as sRGB, which makes the colors appear compressed and dull. Fix: convert the image to sRGB before uploading.
Colors look oversaturated on some screens — The image is in a wide-gamut color space (Adobe RGB, Display P3) and being displayed on a device or application that does not perform color management. It maps the wide-gamut values directly to the screen without scaling, making colors appear too vivid. Fix: embed an sRGB profile or convert to sRGB.
Print colors do not match screen colors — Screens emit light (RGB), while printers use absorptive inks (CMYK). These two color models cannot reproduce each other perfectly. Some colors that are brilliant on screen — particularly electric blues and vivid greens — are physically impossible to reproduce with ink. Use a soft-proof preview in your image editor to see how colors will look after conversion to the printer's CMYK profile.
How to check an image's color profile
On macOS, open the image in Preview, then go to Tools and Image Inspector. The color profile is shown under the Color Model section. On Windows, right-click the file, choose Properties, and look in the Details tab for color space information.
In Photoshop, go to Image and Mode to see the color mode and document profile. In Lightroom, the export dialog lets you choose the output color space before saving.
Best practices for color space management
For web publishing: convert to sRGB before exporting. Embed the sRGB profile in the file. This ensures consistent display across all browsers and platforms.
For print production: work in Adobe RGB or the appropriate CMYK profile. Keep the original wide-gamut file and only convert to the printer's profile as the final export step.
For photography workflow: capture in the widest gamut your camera supports (usually Adobe RGB or camera-native), edit in that space, then convert the finished edit to sRGB for web delivery or to the printer's CMYK for print.
Our converter preserves color profiles when converting between formats. If you need to convert an image to a different format while keeping the original color data intact, use the appropriate settings in your export.