Illustrator color changes on export, how to stop this?

I came to this thread as I experienced the same issue exporting from Illustrator, then opening in Photoshop.

• The artwork I was exporting contained a #00000 (RGB 0,0,0) graphic
• My Illustrator doc colour profile: RGB
• I was using the "export for screens > artboards" option
• I exported as jpeg 100 (with "Embed ICC Profile" turned on and off)
• When opening the jpeg in Photoshop, the black was visually not as black
• Using the eyedropper tool, the black was reading #231f20 (RGB 35, 31, 32) 

It was only until I tried the "Export > Save for web (legacy)" option that the black was still RGB 0, 0, 0 when opened in Photoshop.

I have been using the "export for screens" option regularly for ages, but never checking the colours, so I am not sure if this is a recent glitch or if it's been shifting colours all along. I typically use this feature when creating and exporting visuals for on-screen presentations or online uploads. 

Make sure you're creating/editing in an RGB document in Illustrator.

Second, make sure the color profile for your RGB document settings is set to sRGB so you don't see it shift when it gets to your browser.

If the color you choose isn't a websafe color, even within sRGB, you will see small shifts in some colors. Especially in blues/purples like your sample value.

So in your new document settings, change it from CMYK to RGB.

Then when that document is open, go to Edit > Assign Profile, then choose the sRGB working profile.

Export from there and then test.

Don't trust  a Browser color picker. Check it in Photoshop.

Exporting as jpeg does not always give you the same color, use png.

Make sure your document color profile is set to sRGB. You can check it here:

I can suggest you to work with web colors swatches. You can find them in "Swatches" or "Color Guides" panel.

Also use Save for web (legacy) export, compare different file formats then preview image in browser. Save web have that feature.

Also take in consideration that some browsers can show different colors.

In addition there is CSS properties panel in Illustrator which can export that object appearance for CSS

Working with web should be RGB colors.
You may do everything right but different screens cause different colors because every screen has it's color profile.
To make sure that everything will be perfect, you should use the same color profile of the screen you will use.

Hi!

I tried to reproduce your color and issue to see what might be a good solution and I found that even though I typed in the hex color you noted above #311a92 and hit ok. When I went back into the Color Picker--it was already a different number -- 362f8a )even before I exposed it.

And, have you tried the Save for Screens Option? Here is a sample of the same color, viewed in Safari.

I've tried it a couple of times--everytime I type in your color number and then close the color picker box, when I use the eyedropper tool and sample the color it is not what I typed in it is 362f8a. I think the problem stems back to the Hex number.

How did you decide on your Hexadecimal color number?

Michelle