: When I export an image from Illustrator, why is it a slightly different color in the exported image? I have a web design layout in AI that I'm trying to slice up into HTML/CSS. I'm having

@Welton168

Set Up a New Document

Sounds like you need to select "Web" for the "Profile" when creating a new document.



Fix an Existing Document

To fix an existing document, create a new document (with "Profile: Web") and then copy the contents from the old file the new one.

Vote Up Vote Down

@Carla748

There's a few important points required to ensure colours are correctly maintained when working on web or app designs in Illustrator. Some of the settings below affect the appearance of the preview within Illustrator, while other affect the appearance of the exported files.

In my opinion, it is important both are correct. Here's what you'll need to do:


Ensure the document is set to RGB colour space (not CMYK).
Appearance of Black under Preferences is set to “Display All Blacks as Rich Black”.
Your Color Settings use your display's profile (this only affects previews in Illustrator).





Your document's color profile is set to “Don't Color Manage This Document”.





When using Save For Web & Devices, you disable “Convert to sRGB”.


Yes, there's a few things to change, but you'll be better off for it — all color values will remain exactly as you set them, display correctly and export correctly.

Once you've set Illustrator up like that, you should do the same for Photoshop.

Please note: These instructions were created using Illustrator CS5, but I've been doing the same thing for a while a tested the same settings on many versions of Illustrator and Photoshop.

Vote Up Vote Down

@Berumen635

Sounds like a problem with the working ICC profile. Have you disabled color management?

If you haven't already, go to Edit -> Assign Profile and select Don't Color Manage This Document.

I can duplicate the problem mentioned to an extent (getting various sample values, though not getting the same #CA006C ) by changing the assigned profile. (FWIW, using AI CS3 on Windows)

Vote Up Vote Down

@Megan533

In Illustrator, are you working in RGB or CMYK? If you're working in a different color profile than the intended end destination you're going to get some variation because of the translation. If you can figure out what your "final destination" is you can apply that in Illustrator and you shouldn't have this problem.

Vote Up Vote Down