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