How can I make sure that my on-screen colors are consistent?


Question

I designed a mockup on my LG monitor. When I view the same design on another monitor that I own, the colors seem drastically different. I reset both of the monitors to their factory defaults, but still the issue persists. I'm wondering if some of my clients might dislike my designs because of this. What should I do?

How can I make sure that what I design is what my client sees?

Even worse still, I've realized that my laptop is showing different colors too.

1
12
5/31/2016 12:02:00 PM

Accepted Answer

Regarding the question

I reset both of the monitors to their factory defaults, but still, the issue persists.

This does not help at all. The basic configuration is not on the monitor but in the graphics card that sends the signal to them.

For web could be enough, but for photography or print, you need special hardware. There are some brands, for example, this one: http://www.xrite.com/colormunki-display

The basic calibration I mention is so you know, at least, your colors are not too crazy.

I'm wondering if some of my clients might dislike my designs because of this. What should I do?

TALK to them. "Hey, the color for this can vary from monitor to monitor, this depends if your monitor has some basic calibration"

How can I make sure that what I design is what my client sees?

If exactitude is needed, either deliver a calibrated print sample in case of printed material or go with the client and calibrate their monitor or show it on a device of your own... calibrated.

Did you notice the word calibrated?

You need to make a simple basic calibration on your 3 devices. (It can be hard to modify the basic brightness and contrast of some led monitors, but try to find how to specifically adjust them)

A basic tutorial

Many new monitors are limited on the options you can adjust. Some may be present or not.

1) Monitor temperature - color

On the monitor's menu look for an option temperature/color. Some monitors define this as temperature or as the specification. Choose:

  • 6500°K, D65 or sRGB

Do not use, warm, cool, blueish. Sometimes you can use 5500°K but the recommended is D65.

enter image description here

2) Brightness

If your monitor can handle this normally a brighter option is better. "Brightness" controls the darker points of the image.

Here is a test pattern. You need to barely see the No.1 using a dark background. Open the image in a new window.

enter image description here

But as this is too easy to move in some devices is the hardest to maintain well defined.

3) Gamma

The most crucial parts are the middle tones, which are controlled by the gamma function.

This is controlled by the graphics card. Look in your control panel or in windows right click on the screen. There is a chance you have some kind of application to modify this. Something like this:

enter image description here

You need a "standard target" to compare. You can adjust all the RGB components together, but I recommend setting them one by one.

The objective with this patterns is to modify the gamma settings so the 2.2 number blends with the background. Higher numbers will look brighter and lower numbers darker.

Open this images in a new window, at 100% zoom:

enter image description here

enter image description here

enter image description here

enter image description here

Almost all modern computers have this panels, but in the case, you do not have it you can use this application on windows. http://www.quickgamma.de/indexen.html


Vincent posted one comment that wants to be addressed:

Why should I do it?

Here is a joke:

One man is driving a car and he is hearing the news. "One drunk man is driving on the opposite way on the highway!"

He says... One? There are a lot of them!

Well, you do not want to be the drunk man.

If your calibration is too magenta, and you shift the image to greens, the image is green, not really balanced.

12
4/24/2018 8:14:00 PM

Yes, some people (if not most) will definitely see your colors differently. And this is why we use calibrated displays when doing work for print because we can dominate the medium.

Now most people will most likely see what your less expensive monitors show you (especially if its a wide gamut color monitor and not calibrated to sRGB!). To harmonize colors between your systems calibrate them and use proper color profiles on your medium.

For most other people out in the world theres unfortunately not much you can do. See: Web colors: how to compensate for differences in monitors. Don't spend enormous amounts of time choosing the perfect hue its lost on your clients*.

* This was rumored to be used to personal advantage by Hollywood and TV visualFX people to manage their director: By giving 3 well crafted choices that would almost certainly be more or less the same color when deployed onto Cinema and especially TV (where jokingly NTSC stands for Never the Same Color).


If the results are random (uncalibrated devices are random) theres not much you can do. However you can randomize the colors according to some model to appraise what the result might be. Not all color combinations are as sensitive to looking terrible.

I have no idea what the model would look like, i would need to measure a number of uncalibrated devices to even begin doing so. Which makes this a good candidate for a Ph.D work if literature does not already have this on books. Cant say i do not have access to relevant academic journals.


Licensed under: CC-BY-SA with attribution
Not affiliated with: Stack Overflow
^