: In Illustrator CS5, why are my colors dull when I export to png? I'm having an issue with Illustrator CS5 that I've seen mentioned in many, many forums, but I haven't found an answer that

@Smith574

Here's what I think is going on. Illustrator is exporting your images as PNG-24s, using an sRGB profile. That means you needed to be working in sRGB all along.

It's probably too late for that, so you can do this to convert your document. Maybe there's an easier way, but this worked for me (in CS3):


Create a new document
Change the Document Color Mode to RGB from the File menu
Go to Edit > Assign Profile and assign the "sRGB..." profile to the document
Copy everything from your original document into the new document
When prompted, choose to convert the colors of the Content you are pasting to preserve their appearance
Export your image and say thanks to your higher power

Vote Up Vote Down

@Kristi927

One thing I have found makes a huge difference (and I mean monumental) is the colour profile of the document you select at the start.

If you are making something, particularly images with complex graduated tones (like photographs), that will only be displayed on monitors always make sure that you select the RGB colour mode from the 'New Document' window. If you select CMYK and then place in a photograph or other complex image (which will usually be in RGB mode), the damage will already be done as Illustrator will attempt to convert the RGB profile colours of the photograph to the CMYK workspace upon the photograph's entry to the document. Using the 'Save for Web' functions (which outputs RGB), Illustrator will attempt to convert between the two colour modes again, meaning you now have an approximation of an approximation, which I'm sure you'll agree isn't an ideal state of affairs.

To see what I mean, I'd urge you to start a new RGB document and a new CMYK document with the same size art board and place in the same photograph (something with areas of red is particularly good for this I've found) at the same size. Flicking between the two, you'll notice that the colours in the CMYK document seem a lot duller, due to its approximations. Try it yourself, I think you'll be quite surprised!

Vote Up Vote Down

@Cooney243

A few reality checks on your color:


Rich black is meaningless for web. You want screen black, which you're getting if you use RGB(0,0,0).
Ensure that you do not have Proof colors checked in the view menu.

And don't judge your colors on a good monitor like a MacBook or iMac, unless that's what your audience is seeing.


Also, you should keep in mind what's going to happen to your graphics when they hit various browsers. Here's a good explanation of why you're still at the mercy of the browser when it comes to color display. Edge-of-the-gamut colors like your orange are going to be especially tricky.

Vote Up Vote Down

@Samaraweera207

I was having this same issue and then this did it for me. I had a feeling it was something extremely silly and simple. I was changing the color mode to RGB from CMYK in the color palette and wasn't getting the results.

Try going to FILE -> DOCUMENT COLOR MODE -> RGB.

Hope this helps, it worked for me.

Vote Up Vote Down

@Jamie315

I do believe that I have found a solution to this problem: When you have exported your images as png in Illustrator; open them i Apple Preview. Then choose:
Tool->
Assign profile->
ColorSync-profile:sRGB...
Click OK
Save

Now the colors will be sRGB again; just as in the original Illustrator file. This can be confirmed by using the Apple DigitalColor Meter (found in the Utilities folder of the Applications folder).

Vote Up Vote Down

@Jennifer810

I'd guess that the problem is your starting point for the document. Choose "Web" for the document type rather than Basic RGB, or be very sure the color space is sRGB and not the wider Adobe RGB. Going that route, I see no difference in the output of Export or Save for Web, and wouldn't expect to.

When you Save for Web, you don't see a problem because AI converts the color profile to sRGB while preserving the appearance.

The other setting that you should change is the Black. Always keep it at "Accurately" for display and output. You can be seriously embarrassed otherwise.

As a general rule with color profiles, don't use "Assign...". Instead use only "Convert to Profile" with either "Perceptual" or "Relative Colorimetric" chosen in the options if you need to change the color profile of a document. An Adobe RGB image assigned an sRGB color profile will appear dull, because there is no conversion involved. The color numbers are simply interpreted differently. Converting from one to the other preserves the appearance by changing the underlying numbers.

Vote Up Vote Down

@Carla748

For web and app design, the best solution I’ve found is to disable Illustrator’s colour management for RGB documents as much as possible. Doing so forces RGB colours on screen and saved to file to match the actual colour value.

Step 1 — Choose Edit > Color Settings... and set the working space for RGB to Monitor RGB.



Step 2 — Open a document and choose Edit > Assign Profile..., then set it to Don’t Color Manage This Document. This must be done for every single document you work on.



Step 3 — Ensure View > Proof Colors is turned off.

Step 4 — When saving files with Save For Web & Devices..., ensure Convert to sRGB is turned off. If you’re saving a JPEG file, then also turn off Embed Color Profile (there are some cases where you might want this on for photos, but chances are you’ll want it off for interface elements and icons).

Vote Up Vote Down