Color differences between images and html

Question

I'm having issues with color matching css background colors with colors in images on the same html page. What gives?

Answer 1

I'm guessing that you use a PNG image? This is a gamma correction “feature”. Mark Ransom has posted a useful text about this.

Notice that the pngcrush solution listed somewhere hasn't worked for me.

Answer 2

What image editing program are you using? I found this article about Photoshop color profiles. There can also be issues with PNG gamma correction.

Answer 3

Could be due to the browser's colour management.

Answer 4

It might be a color profile issue.

For instance, if the image is a JPEG and has a color profile and your browser doesn't support displaying images in the color profiles that they specify, the colors of the image itself will render differently in your browser. In this situation, if you checked the color of the image in Photoshop (color profile aware) and then applied that color in your CSS and viewed the page in a browser that is not color profile aware, it would look different.