Hi

 

An issue with my web design is freaking me out. I am getting my website designed by an agency. We are exchanging mails with mock up designs for almost a month now. And yesterday i visited them for a detailed discussion . And when the designer started working on his system, right there in front of me, I noticed that there was a stark difference in colors which he was working with and the way they looked on my laptop.

 

I could see bright yellow-gold background on his system whereas I get to see a tinted brown sort of color on my laptop. I asked him to adjust the brightness of his screen to see if colors tallied, but they didn't.

Then I asked him to forward the design to his colleagues.

Surprisingly, on everyone's system and laptops in their office it was yellow-gold (Might be some personal laptops as well. Not sure). Whereas everyone I mailed it to (5-6 friends of mine) were seeing brownish shade.

 

Don't know how to resolve this as this has a potential of huge communication gap + site not turning out as desired.

 

Does someone have any idea on how to get this resolved. The designers don't work on Mac (that's for sure)

Please help !!

 

Thanks

 

Colours can look very different on different monitors which is why they should be calibrated to make sure they display colours properly.

 

 

It used to be the case (not sure if it still is) that not all browsers showed colours correctly. I have a vague recollection that firefox used to be better, but that was a few years ago and may well have changed.

 

Is there any way you can upload a screen print or a link here so that we can see it.

 

Or do you have either the hex or rgb for the colour in question?

Edited July 27, 201412 yr by Jane B

Welcome to the forums

 

It's very rare that any web site looks identical on any two devices, colours in particular. What you describe is very common and if your laptops screen/colour settings are out of sync then that can cause differences. Another one, are the developers using Mac's? as Mac's they tend to have better quality displays than many PC's so again colours can look different.

Your agency's designers are probably using professional calibrated IPS LED displays which provide very accurate colour fidelity. This sort of panel isn't installed on standard equipment. They should be aware, though, that people in the real world aren't using these and test their designs on every other device type, including desktops, laptops, tablets and smartphones.

As everyone says there are differences between monitors, systems, OS etc that can account for this.

 

I use two monitors at work, one HDMI and one using RGB you can tell the difference straight away.

 

If the design agency are using Macs they render the colours better than in Windows too.

Thanks for your replies Jane and BlueDreamer

 

The background is has gradient. The dark shade is #C3A55C. The lighter shade is #F4F2B7

 

 

 

The designers do not work on Mac. Confirmed

 

Thanks

I see a sort of dull gold for your darker colour. Browny gold, rather than yellowy though.

 

Your lighter colour looks pale yellow to me.

I don't know how accurate it is, but this site claims to tell you the names of colours: http://www.colorhexa.com

 

It calls your lighter colour "Very soft yellow" and the darker one "Moderate orange". It doesn't look at all orange to me though - more a goldy brown.

The dark one looks tan and the lighter one a pastel yellow on mine. Definitely not how you describe it on your designer's display, I think they need calibrating.

No monitor would ever be exact to another, even those that are the same make and model, also even the age of a monitor makes a difference, as a monitor gets older there is a chemical that can change the look of the monitor colours, although I can't remember the name of it. You need to calibrate your monitor, as do your friends, sounds as if this company has as they are aware of it whilst most people just start using computers without doing little things like this http://blog.codinghorror.com/computer-display-calibration-101/