93 posts
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
  • Bought between 10 and 49 items
  • Elite Author
  • Exclusive Author
  • Has been a member for 4-5 years
  • Referred between 200 and 499 users
+3 more
23andwalnut says

Lately I’ve noticed the colors of a lot of websites look different in chrome and firefox. Has anyone else experienced this? Is there a fix?

Chrome Example:


Firefox Example:

3423 posts
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Community Moderator
  • Bought between 100 and 499 items
  • Referred more than 2000 users
  • Has been a member for 4-5 years
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
+4 more
sevenspark Volunteer moderator says

I think it has to do with the way the browsers handle color management and color profile support. These might provide you with some further insight:

http://bholley.wordpress.com/2008/09/12/so-many-colors/

http://code.google.com/p/chromium/issues/detail?id=143

Using embedded color profiles may be a partial solution if it’s important. See http://en.wikipedia.org/wiki/Color_management#Embedding

1148 posts
  • Referred between 1 and 9 users
  • Sold between 1 000 and 5 000 dollars
  • Has been a member for 4-5 years
  • Bought between 10 and 49 items
  • Exclusive Author
  • Envato Studio (Microlancer) Beta Tester
  • United States
fillerspace says

If those buttons were made with CSS (rounded corners and gradients), it is likely just a difference in the way the different rendering engines handle it (in the same way that textareas or radio buttons look different across browsers). If you want it pixel perfect in every browser, use an image. I think it is worth the slight variation between browsers to do it in CSS , because it means you can change the style without going back to Photshop to make your changes.

3193 posts
  • Sold between 5 000 and 10 000 dollars
  • United States
  • Bought between 10 and 49 items
  • Has been a member for 4-5 years
  • Exclusive Author
organicbee says

If you want it pixel perfect in every browser, use an image.

use css3 HSLA or RGB values and itll render it right, if its using hex there will be a difference in each browser

1148 posts
  • Referred between 1 and 9 users
  • Sold between 1 000 and 5 000 dollars
  • Has been a member for 4-5 years
  • Bought between 10 and 49 items
  • Exclusive Author
  • Envato Studio (Microlancer) Beta Tester
  • United States
fillerspace says


If you want it pixel perfect in every browser, use an image.
use css3 HSLA or RGB values and itll render it right, if its using hex there will be a difference in each browser

What about IE? ;)

3193 posts
  • Sold between 5 000 and 10 000 dollars
  • United States
  • Bought between 10 and 49 items
  • Has been a member for 4-5 years
  • Exclusive Author
organicbee says



If you want it pixel perfect in every browser, use an image.
use css3 HSLA or RGB values and itll render it right, if its using hex there will be a difference in each browser
What about IE? ;)

use an image fallback, no need to load extra files/data(images) if you can do it with CSS

93 posts
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
  • Bought between 10 and 49 items
  • Elite Author
  • Exclusive Author
  • Has been a member for 4-5 years
  • Referred between 200 and 499 users
+3 more
23andwalnut says

If those buttons were made with CSS (rounded corners and gradients), it is likely just a difference in the way the different rendering engines handle it

They’re actually images rather than css. I pulled them from a theme here on themeforest. I’ve seen the same behavior on several websites, which leads me to believe it has something to do with the browsers. Link to the theme: http://themeforest.net/item/ambience-premium-wordpress-business-theme-/full_screen_preview/179383

@sevenspark. Thanks for the links. I’ll take a look and see if there’s a solution somewhere in there.

3193 posts
  • Sold between 5 000 and 10 000 dollars
  • United States
  • Bought between 10 and 49 items
  • Has been a member for 4-5 years
  • Exclusive Author
organicbee says

doesnt look different for me are you on two different comps?

93 posts
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
  • Bought between 10 and 49 items
  • Elite Author
  • Exclusive Author
  • Has been a member for 4-5 years
  • Referred between 200 and 499 users
+3 more
23andwalnut says

doesnt look different for me are you on two different comps?

Nope. It could very well be an issue with my settings, but I’ve reset both browsers to their default settings and still have the same results…

1148 posts
  • Referred between 1 and 9 users
  • Sold between 1 000 and 5 000 dollars
  • Has been a member for 4-5 years
  • Bought between 10 and 49 items
  • Exclusive Author
  • Envato Studio (Microlancer) Beta Tester
  • United States
fillerspace says

They look exactly the same in FireFox and Chrome on my computer

by
by
by
by
by
by