Hi,

I ran into a frustrating problem with PNG and JPG images in my Flex application. I used background color in my Flex application. When I embedded a PNG image with the same background color (using the Image tag) to the application I noticed that the background color in the image is being distorted in Flex Builder and in published SWF. I tried with JPG with the same result although the distortion was slightly different. I then tried using background image instead of background color in my Application and that gets distorted too. GIF images seem to work fine, no color distortion.

For example if I use background color #FAF8F5 in my Application, it stays the same when I publish it and use color picker or other tool to verify it from a screenshot. However, the color in the embedded PNG image (either in Image component or Application background) is changed to #F8F6F3, a noticable difference.

Here's an example. Notice the slightly different color square in the middle. This is a PNG image supposed to be in #FAF8F5 (the same as Application background set in styles), but when published it renders as #F8F6F3. The source viewing is enabled in this example.:

http://mikko.solinet.fi/colortest/colortest.html

I can get rid of the visible disparency between the image background and application background by using the same background color image as application background but then obviously the overall tone of the color is wrong throughout the entire application.

Any suggestions or ideas why this is so and how to get the correct colors in PNGs and JPEGs?

Thanks,

Mikko