Bad colors when exporting a SVG

[roberth74027358]

Hello,

When I export a SVG, all the colors are bland

Here is an example:

Why this is happening? How do we fix it?

Thank you!

[Ton Frederiks]

Check Edit > Color Settings... and have a look at your RGB working space.

If it is something else than sRGB you will get a color conversion.

[roberth74027358]

Thank you for your response, but it is already in sRGB...

[Monika Gause]

What kind of color is this?

a spot color?

How's your document set up? RGB or CMYK?

[roberth74027358]

The document is in RGB mode, and it's just paths.

[Ton Frederiks]

Which Browser?

Did you try different browsers?

[roberth74027358]

Yes, Google Chrome, Safari and the preview with the space bar, it's all the same.

Also in Illustrator when reloaded.

[Ton Frederiks]

I do not understand what you mean by "Also in Illustrator when reloaded"

The color that Illustrator saves in the SVG file is the Hex value you see in Illustrator's Color panel.

[roberth74027358]

What I mean is that I save it in SVG, I close it and I reopen it. It's not the same color when I reopen it.

[Ton Frederiks]

How do you specify your colors? RGB, Hex?

[roberth74027358]

I'm not sure...

Here are my files if you want to test them:

http://adobe.ly/2gi4JLG

[Ton Frederiks]

Your Before.ai has an Adobe RGB profile.

That explains the color shift.

[roberth74027358]

Why? How to change it?

[Ton Frederiks · Accepted solution]

So you may go to Edit > Assign Profile... and assign an sRGB profile.

That will give you the same colors that you see in your SVG file

To get more saturated colors you can correct it with Edit > Edit Colors > Saturate (or Recolor Artwork).

[roberth74027358]

Thank you very much!

[Ton Frederiks]

Glad to hear that solved your problem.