Color Sync

Explorer ,
Jan 25, 2020 Jan 25, 2020

Copy link to clipboard

Copied

Hi,

I am exporting from AI an artboard and saving it as png. When I place it in the same document the colors are different.

I checked in bridge, the color settings are synchronized..

What could be the cause? 

Thanks for response

angelika

TOPICS
How to , Import and export , Performance

Views

1.4K

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 2 Correct answers

Adobe Community Professional , Jan 25, 2020 Jan 25, 2020
If you're working in CMYK in your AI file and export to a PNG, the color could change. PNGs are RGB only, so the color can shift.

Likes

Translate

Translate
Adobe Community Professional , Jan 25, 2020 Jan 25, 2020
If you work in CMYK documents, you can change your color settings temporarily to sRGB when you want to export to png. The problem is that Illustrator uses the RGB working space (in your example eciRGB) to convert your CMYK to a png file, but other applications assume (see as profile) sRGB and display the wrong colors. Changing your RGB working space (temporarily) to sRGB wil correct this. You could also solve the problem in Photoshop, but that is adding a couple of steps to get it right. You can...

Likes

Translate

Translate
Adobe Community Professional ,
Jan 25, 2020 Jan 25, 2020

Copy link to clipboard

Copied

Is your document color profile the same as your working space in your Color Settings?

Check the bottom of your document.

Doc profile.png

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jan 25, 2020 Jan 25, 2020

Copy link to clipboard

Copied

yes it is

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 25, 2020 Jan 25, 2020

Copy link to clipboard

Copied

Can you please give us details?

And screenshots would be cool.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jan 25, 2020 Jan 25, 2020

Copy link to clipboard

Copied

Screenshot 2020-01-25 at 16.43.54.pngScreenshot 2020-01-25 at 16.42.52.png

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 25, 2020 Jan 25, 2020

Copy link to clipboard

Copied

Which document color mode is the AI file?

Which color profile is associated with it?

Which is your working profile for RGB?

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jan 25, 2020 Jan 25, 2020

Copy link to clipboard

Copied

the document color mode is cmyk

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 25, 2020 Jan 25, 2020

Copy link to clipboard

Copied

Well, there you are.

If your goal is to export your design to the web, then work in RGB color mode using the color profile sRGB.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 25, 2020 Jan 25, 2020

Copy link to clipboard

Copied

If you're working in CMYK in your AI file and export to a PNG, the color could change. PNGs are RGB only, so the color can shift.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jan 25, 2020 Jan 25, 2020

Copy link to clipboard

Copied

what do you recommend?

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 25, 2020 Jan 25, 2020

Copy link to clipboard

Copied

Yes, there will be a difference in color when saving a CMYK document as RGB.

But what makes it worse is when your RGB working space (in your example eciRGB) is used.

It will export using eciRGB, but browsers and Photoshop will assume sRGB as the profile.

I recommend to use sRGB in your Color settings before exporting your CMYK document to png.

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jan 25, 2020 Jan 25, 2020

Copy link to clipboard

Copied

do you mean that I should also work in sRGB?

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 25, 2020 Jan 25, 2020

Copy link to clipboard

Copied

If you work in CMYK documents, you can change your color settings temporarily to sRGB when you want to export to png.

The problem is that Illustrator uses the RGB working space (in your example eciRGB) to convert your CMYK to a png file, but other applications assume (see as profile) sRGB and display the wrong colors.

Changing your RGB working space (temporarily) to sRGB wil correct this.

You could also solve the problem in Photoshop, but that is adding a couple of steps to get it right.

You can open the png file in Photoshop, Photoshop will see an sRGB profile. You can correct it by selecting Edit > Assign Profile and choose the eciRGB profile. After clicking OK you can select Edit > Convert to Profile and choose sRGB as destination space. That will make your file an sRGB document as most applications expect from a png file.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jan 25, 2020 Jan 25, 2020

Copy link to clipboard

Copied

thank you very much!

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 25, 2020 Jan 25, 2020

Copy link to clipboard

Copied

Angelika, good to hear you found this helpful.

I also think that you found a bug.

The PNG specification supports color management and ICC profiles, but Illustrator does not embed the current RGB working space profile that is used for the conversion to RGB, but lets other software (like Photoshop) believe that sRGB is used.

You may report it as a bug here:

https://illustrator.uservoice.com

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jan 25, 2020 Jan 25, 2020

Copy link to clipboard

Copied

LATEST

ok, Ton Frederiks, I will do so. Thanks!!!

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 25, 2020 Jan 25, 2020

Copy link to clipboard

Copied

It looks like the old Export > Export > Save for Web (legacy) exports it correctly and has the option checked to convert to sRGB when saving as PNG.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 25, 2020 Jan 25, 2020

Copy link to clipboard

Copied

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines