Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

colors don't match on FF on Mac

Tags:

html

css

On this page, the <body> element has a background color of #77BFBC. The image (rv-banner.jpg) set as the background of the <header> element also has a background color of #77BFBC.

On windows (either FF or IE), the two colors blend perfectly. However on FF on the Mac, there is a noticeable difference between the background color of the image and that of the <body> element. How can I fix this?

Thanks, Don

like image 319
Dónal Avatar asked Dec 30 '25 11:12

Dónal


1 Answers

With the release of Firefox 3.5, colour-correction was turned on by default, but its effect depends on your system profile:

http://hacks.mozilla.org/2009/06/color-correction/

In practice, this means images saved with colour profiles are corrected and could show up mismatched to CSS colours.

It's possible to turn off colour-correction in Firefox, which fixes the problem for you, but that still leaves all the other potential visitors out there. Seems like removing the colour profile from the image is the way to go. There is a GIMP plugin that does this, see here for a discussion.

like image 200
flash Avatar answered Jan 01 '26 04:01

flash