Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions

monitor and photoshop colors for web - design

Posted on 2015-02-11
Last Modified: 2015-02-18
hello experts im totally lost!
right now my laptop displays colors different from the photoshop! i tried to change PC profile and photoshop color profiles! nothing helps!
is there a just a standard for web design how the monitor and photoshop should be set up with colors ?/


see attached my current settings are they correct ?
Question by:nzrubin

Assisted Solution

by:Monika Bharti
Monika Bharti earned 200 total points
ID: 40605021

I think this is the issue generated in your color profile

1.      May be it should be working with RGB and not with CYMK or any other color space.  So you can easily check, by simply go to Image>> then Mode and Check whether it’s set to RGB.
2.      If issue is due to the color profile. May be it is set to something else.  It should be using sRGB IEC61966-2.1, which is considered a standard for most PC monitors.
To check about this setting, go to the Edit and then select Color Settings option. Check in the setting whether it is set to North America General Purpose 2 or North America Web/ Internet. Then it should be fine, otherwise set to this option if it is anything else.
3.      Now to set the monitor color preview, set the setup as “proof setup”. To set this go to the View >> Select Proof Setup >> Then Monitor RGB.
Then toggle on/off the proof using shortcut, when needed for Proof Colors, from the View toolbar.

For More information on color profiles
LVL 17

Expert Comment

by:Lucas Bishop
ID: 40605022
Not all monitors reproduce colors equally.

Your best bet, without buying a calibration tool (colorimeter) is to calibrate your monitor by eye, which is something each operating system allows:

In windows, open control panel and search for 'calibrate'.
In OSX, go to System Preferences > Display and click on the Color tab. Next, click the Calibrate.

This will get you as close to accurate color reproduction as you'll see with your monitor.
LVL 26

Accepted Solution

David Brugge earned 300 total points
ID: 40606686
The whole monitor profile and color space thing can be quite daunting, even for experts. Add to that trying to get the same colors on your desktop printer and for a commercial print house and it can really make your head spin.

I believe both answers above will get you in the right direction, but calibrating your monitor must be done first. http://www.digitaltrends.com/computing/how-to-calibrate-your-monitor/ for using your computer's built in calibrating programs.

The purpose of calibrating is to get your monitor and your computer agreeing on what colors are being shown. Your only way of judging a color is by what the monitor is showing you. If your monitor constantly shows images darker and more green than what your computer is saying, the only thing you know how to do is to overcompensate in the other direction. Then when you look at the image on a different monitor, everything is off.

Next is using the right color space. Think of color spaces as boxes of crayons. The crayon may say "sky blue," but the crayon from another manufacturer may have its own version of "sky blue" that looks quite different.

Each color space has different features which are used for different reasons. Monika Bharti points out that sRGB is the web standard and is what all major web browsers are set to by default. It works well for that purpose, but it does not do an especially good job when working with high quality photographs intended for printing.

I don't know if we have helped you or not. If not, perhaps you can be a bit more specific. When you say that your laptop displays colors different from the photoshop, do mean that images that you open in Photoshop look different than they do when viewed on your computer in your browser or other programs?

If so, open Edit > Color settings.

Unless you have changed them, the default settings are:

Working Spaces:
RGB: sRGB IEC61966-2.1
CMYK: U.S. Web Coated (SWOP) v2 (this refers to a setting for a web press. I has nothing to do with the internet)
Grey: Dot gain 20%
Spot: Dot gain 20%

Color Management Policies: (all set to off)

I am making the assumption that you are not preparing any files to be sent to a commercial printer and thus, you should not be working with CMYK files as all.
I also assume that you are not working with high end photographs that are destined to be printed on your own or some commercial device.
If that is the case, the only setting you need concern yourself is RGB which should then be sRGB.

Sometimes, those of us who have to work with many images for print, and for web get our profiles and color spaces mixed up. I like to set my Color Management Policies: RGB to Convert to working RGB, and check the box below that says Profile Mismatches: Ask when opening. That way, all of my files get reset to the profile that I want to work in and there are no surprises.

Hope this helps.

Author Comment

ID: 40611655
hello thanks for replies! very nice
actually i do both web and graphic design ...
so need CMYK profile too ....

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

There are more than twenty applications to turn Webcam into home and  small business security. Let's discuss one of the most easy ones to install. If you do not have already installed the drivers to the pc for your webcam, you'll need to do that …
In this article, I'll explain how to change the color of a selection in Photoshop. I'm sure there are a couple different ways to do this in photoshop, but this is my preferred method in Photoshop. I am using Photoshop CS6 and I will be adjusting the…
In this tutorial viewers will learn how to correct colors in Photoshop using the Hue and Saturation adjustment Open a photo for editing in Photoshop: Begin by creating a new adjustment layer by going to Layer > New Adjustment Layer > Hue and Saturat…
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.

840 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question