Google Chrome for Mac, CSS colors and display profiles

Posted by Trevor Burnham on Pro Webmasters See other posts from Pro Webmasters or by Trevor Burnham
Published on 2011-06-14T01:07:00Z Indexed on 2012/10/27 23:22 UTC
Read the original article Hit count: 436

Filed under:
|

So, I'm aware that some browsers correct the colors in images in accordance with system settings, and that browsers differ in how they do this. But I'm very surprised when a color specified in a stylesheet appears different from one browser to another on the same system.

With the latest Safari and Firefox, if I draw a div with background: #885500, I get a box with that color (as confirmed by the native DigitalColor Meter app):

Chrome screenshot

But when I load the same page in Chrome (Mac version 12.0.742.91) on the same system, a MacBook Pro with the default "Color LCD" display profile set, I get a noticeably different-colored box (DigitalColor Meter reports #a34d00—much more red, a bit less green):

Safari screenshot

I tried a few different color profiles, and found that the color reported by DigitalColor Meter changed under Chrome. It stays constant in Safari.

What's going on? Is it that Chrome is adjusting its colors depending on the system's display profile, or is it that Safari and Firefox are doing so? Does this happen under other operating systems, or is it purely a Mac phenomenon? And is there any way, from CSS/JavaScript, to detect/prevent this behavior so that colors are consistent across modern browsers on the same system?

© Pro Webmasters or respective owner

Related posts about css

Related posts about google-chrome