Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
1

Exporting in Illustrator changes colour

Community Beginner ,
Sep 13, 2023 Sep 13, 2023

Hey all!

 

I had a problem with exporting in Illustrator before, then changed settings accordingly the feedback, but now when I export, it happens again. (I'll post the previous question link here: https://community.adobe.com/t5/illustrator-discussions/colours-change-when-exporting-illustrator/m-p...)

 

Every time I export a file, the colours change. Now, I wanted to export several files to SVG/PNG to use in another program but the colours get dull. Can anybody help me out? My steps now are as following:

- export

- export as...

- PNG (use artboards): 
Screenshot 2023-09-13 at 17.20.57.png

OR

- SVG (use artboards)

Screenshot 2023-09-13 at 17.21.45.png

(I must say that here i have no idea what all the settings mean).

 

My colour settings are set as following:

Screenshot 2023-09-13 at 17.23.09.png

Assign profile is like this: 

Screenshot 2023-09-13 at 17.24.07.png

 

Is there anyone who can help me out? It is much appreciated! 

TOPICS
Import and export
835
Translate
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 Expert ,
Sep 13, 2023 Sep 13, 2023

If you export a PNG, then Illustrator doesn't embed a color profile and then indeed when other applications render it with the wrong profile, it might get dull.

 

Which other applications do you use for opening the exported files? ANd can you show screenshots?

In Illustrator do you work in CMYK or in RGB color mode?

Translate
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
Community Beginner ,
Sep 13, 2023 Sep 13, 2023

Hey! Ah okay. I imported them in canva. I will add a screenshot here. I work in CMYK since I will use this work for online purposes only. 

Screenshot 2023-09-14 at 08.48.15.png this is the correct colours

Screenshot 2023-09-14 at 08.49.32.png this is how they turn out. 

 

Screenshot 2023-09-14 at 08.50.30.png left is more dull and right is more vibrant (left is a screenshot now though so looks maybe a bit different in the export) (L = #BB6240 R= #C75C35)

Translate
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
Community Expert ,
Sep 14, 2023 Sep 14, 2023

If you only use it online, you will want to work in RGB, not CMYK.

And if you export it as a PNG, make sure to open it in Photoshop afterwards and attach the sRGB profile.

 

But actually, nobody knows how Canva handles profiles and if it was even built for the purpose of correct color.

Translate
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
Community Beginner ,
Sep 15, 2023 Sep 15, 2023

Okay I will, thank you. If i now change 'assign profile' to RGB, the colours also turn dull... is there a way to overcome this? the colour # codes stay the same... 

 

I will try the Photoshop sRGB profile, never did that before! Thanks 

Translate
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
Community Expert ,
Sep 15, 2023 Sep 15, 2023

@Fauve270195403ngw  schrieb:

Okay I will, thank you. If i now change 'assign profile' to RGB, the colours also turn dull... is there a way to overcome this? the colour # codes stay the same... 

 


 

Can you please details in which app and in which file you assign profile? 

 

BTW: you have a Mac - do you perhaps have 2 monitors?

Translate
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
Community Beginner ,
Sep 15, 2023 Sep 15, 2023

I am working in Adobe illustrator (both 'old' version and Beta) and in one of my working files i now want to change from CMYK to RGB. 

 

I have a Mac, but do not have 2 monitors. 

 

Translate
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
Community Beginner ,
Sep 15, 2023 Sep 15, 2023

I'll add a screenshot now. If i put the eyedrop tool on the on top orange screenshot, it says that it is the same colour as the square below... Obviously, the colours are different. 

 

Screenshot 2023-09-15 at 10.28.56.png

Translate
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
Community Expert ,
Sep 15, 2023 Sep 15, 2023

Can you turn on the warnings in your color management?

It could be that the screenshot has a color profile attached which is used to display it. SInce you do not have the warnings on, you do not notice.

Translate
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
Community Beginner ,
Sep 15, 2023 Sep 15, 2023

Screenshot 2023-09-15 at 10.47.40.png

 is that over here? I think i have warnings turned on because if i open a new file, a yellow warning sign pops up

Translate
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
Community Beginner ,
Sep 15, 2023 Sep 15, 2023

i will add how the collor settings are set up, in case that helps. 

 

Screenshot 2023-09-15 at 10.53.23.png

Translate
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
Community Expert ,
Sep 15, 2023 Sep 15, 2023

The warnings are the check boxes in Edit > Color settings.

Translate
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
Community Beginner ,
Sep 15, 2023 Sep 15, 2023

Ah ok, as you can see in the screenshot they are turned on!

Translate
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
Community Expert ,
Sep 15, 2023 Sep 15, 2023

I was looking at a screenshot further at the top where they were off, sorry.

 

So when you placed that screenshot in your file, did a warning pop up? And also: can you turn off the proof color?

 

And then also export a file and check the colors in Photoshop?

Translate
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
Community Beginner ,
Sep 15, 2023 Sep 15, 2023

No worries! No there was no warning. This is in a new file i created, since i do not want the colours in the 'original' file to change... the colours still look different than in the original file:

Screenshot 2023-09-15 at 11.07.48.png ( original file + colours)

Screenshot 2023-09-15 at 11.07.57.png (same colour # in the file where I did the changes (RGB, no proof color, etc.)

 

but i will make the export and check in photoshop now. 

Translate
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
Community Beginner ,
Sep 15, 2023 Sep 15, 2023

I get the pop up that my scratch disk is full, i have this almost every time i want to use photoshop, so i cannot open it in Ps 😣

Translate
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
Community Expert ,
Sep 15, 2023 Sep 15, 2023

THen you need to make room on the disk that you have specified as a scratch disk.

 

Do you reboot the computer daily? You should.

 

I can not follow anymore as to what exactly you did. You need to learn color management. And also set it up properly on your computer. There are courses available on LinkedIn Learning that you might be able to watch via your local library. Unfortunately the Illustrator documentation only covers the bare basics. It works the same in all the apps, so here's it in Acrobat: https://helpx.adobe.com/acrobat/using/color-management.html 

Translate
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
Community Beginner ,
Sep 17, 2023 Sep 17, 2023

I have never specified a scratch disk but I will make sure to find out what is it and try and make some space. 

 

I do not, but gonna do it!!! thanks for the tip.

 

And i think i will try and set up a meeting with Adobe where someone looks at your computer and all the settings to see if they can find out. I have no clue on how to fix it, since even with your tips the export is different... Thank you so so much for all your effort!

Translate
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 Employee ,
Dec 23, 2023 Dec 23, 2023
LATEST

Hello @Fauve270195403ngw,

Thanks for reaching out. I hope the suggestions shared by Monika helped resolve the problem. If not, kindly share more details, like the exact version of the OS/Illustrator and sample Ai and output files (https://adobe.ly/3RCCXLo), so we can investigate this further.

Additionally, try recalibrating your monitor for sRGB (https://adobe.ly/3GV2nz3), reboot your computer, and then relaunch Illustrator and share your observations.

Looking forward to hearing from you.

 

Thanks,

Anubhav

Translate
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