Skip to main content
J
jfetzer1
Participant
July 21, 2020
Answered

Adobe Illustrator Exporting Colours wrong to SVG and PNG

  • July 21, 2020
  • 3 replies
  • 3271 views

Hey all,

 

I've been searching for some way to fix this issue as it's been causing huge workarounds for me but basically in illustrator my PNG and SVG are exporting with dull, almost CMYK like colors. From the same file I can export to JPEG just fine but the other file types I'm having issues. I've tried everything, document settings are set to RGB, tried creating new documents in different ways, from web, from mobile, etc., the color palette I'm using is RGB created for web, the assigned color in the workspace is Adobe 1998, etc. It's been a problem that's been happening for a while so any support would be greatly appreciated! 

This topic has been closed for replies.
Correct answer Eugenio.NYC

Hi

First double check your AI document is RGB, second add a HEX color to the shape and then export the PNG

if you esport the SVG, you can open and see the code, loog for the HEX code like 

"fill="#ed1c24" and double check is the same color of the PNG
LMK

3 replies

J
Jessiah5FCD
Participant
March 4, 2022

I'm having the same issue, even though my AI file is in RGB and the assigned profile is sRGB. My exported files (PNG, SVG, JPG) look much less vibrant than they do in Illustrator, yet the HEX code is the same in Illustrator as in the exported file. If I take a screenshot of my Illustrator artboard, it retains the higher vibrancy colours, but if I export it, the colours go less vibrant. It's as if the artboard is showing colours in a wider gamut than the assigned profile (sRGB).

 

Why would my AI file be showing colours more vibrantly/differently than when the colours are exported (same HEX colour)? It seems like no matter which colours I choose, they export less vibrant (or show more vibrant than they should in AI).

 

    Ton Frederiks
    Community Expert
    Ton FrederiksCommunity Expert
    Community Expert
    March 4, 2022

    Can you check if your document color profile is also sRGB?

    J
    Jessiah5FCD
    Participant
    March 5, 2022

    Yes it is.

     

    Eugenio.NYC
    Eugenio.NYCCorrect answer
    Participating Frequently
    July 22, 2020

    Hi

    First double check your AI document is RGB, second add a HEX color to the shape and then export the PNG

    if you esport the SVG, you can open and see the code, loog for the HEX code like 

    "fill="#ed1c24" and double check is the same color of the PNG
    LMK
    Ton Frederiks
    Community Expert
    Ton FrederiksCommunity Expert
    Community Expert
    July 21, 2020

    Try to use sRGB as your working space, Adobe RGB (1998) is not meant for web use.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices