Images

Image Appears Different Colors on Different Screens

An image looks correct on one monitor but appears too warm, too cool, washed out, or oversaturated on another screen or device.

Last updated

Why Images Look Different on Different Screens

Every display has a different colour profile — a mapping from digital colour values to physical light output. Without colour management, the same pixel values produce different colours on different screens. This affects photographers, designers, and anyone sharing images professionally.

Cause 1: ICC Colour Profile Mismatch

Images have an embedded ICC colour profile (sRGB, Adobe RGB, Display P3) that tells colour-managed apps how to render colours. If the viewing app ignores the profile, colours shift.

Fix: Use a colour-managed application:

  • macOS: Preview, Photoshop, and Safari are fully colour-managed
  • Windows: Chrome (colour-managed), Photoshop (colour-managed); Windows Photo Viewer is partially managed
  • Browsers: Chrome and Firefox are colour-managed; older browsers are not

Cause 2: Adobe RGB vs sRGB

Photos exported in Adobe RGB look washed out on screens set to sRGB (the web standard). Adobe RGB is designed for professional printing, not web display.

Fix: Export images in sRGB for web, email, and social media. In Photoshop: Edit → Convert to Profile → sRGB IEC61966-2.1.

In Lightroom: File → Export → Color Space → sRGB.

Cause 3: Wide Colour Gamut (P3) Displays

iPhones, new Macs, and some Windows monitors use Display P3 colour space, which can display more vibrant colours than standard sRGB monitors. An image captured in P3 on iPhone looks oversaturated on sRGB screens.

Fix: When exporting for broad sharing, convert to sRGB. In macOS Preview: File → Export → check "Color space → sRGB".

Cause 4: Monitor Not Calibrated

Even with correct colour profiles, an uncalibrated monitor may display incorrect colours.

Fix: Calibrate your monitor with a hardware colorimeter (Datacolor Spyder, X-Rite i1Display) or use the built-in calibration:

  • Windows: Settings → Display → Advanced display → Display adapter properties → Color Management → Calibrate display
  • macOS: System Settings → Displays → Color → Calibrate

Cause 5: JPEG Stripped Colour Profile

Some tools strip the ICC profile when saving JPEG, causing colour shifts.

Check: Open the image in Photoshop → Image → Mode — if no profile is listed, the profile was stripped.

Fix: Assign the sRGB profile: Edit → Assign Profile → sRGB → save the image.

Recommendation for Sharing

Always export images in sRGB with the ICC profile embedded for maximum consistency across screens, devices, and browsers.

Advertisement