I re-exported my files as JPEGs with sRGB ICC profiles embedded. Everything worked fine in FF and IE, but in Safari it was still broken. I think that Apple would have Safari handle colors properly.

I did some investigation and here’s what I found out. Firefox is NOT color managed (rumor has it that in 3.0 it will be). I was able to get hex colors in the page such as backgrounds and fonts match the hex colors in my image by turning ALL of the ICC color management off and not embedding it.

What a pain. Turns out that no color management is the most consistent. I’m still confused why the colors on the page weren’t the same as the ones in the image when the image had an sRGB profile embedded in it, and web colors by default are supposed to be in sRGB color space.

*grumble*

So I’ve been working on a new layout for my blog, using PNGs and divs and such. Everything was going along nice and well, until I tried viewing the page in Safari . Bamf, all my colors were off.

I think the web needs a replacement for PNGs, or at least PNGs with embedded color profiles.

My monitor is calibrated and everything.

Take a look:

This isn’t really a problem with either browser per se, but just an issue with color management in general. I think I will have to stick to jpegs for this because you can embed an ICC profile in them.

Updates to come with solutions.

[edit]
Apparently, it has a third appearance in IE. So, it seems like the answers are headed towards PNGs are broken. It might be time for a new image format that contains an alpha channel.