Skip to main content
Participant
October 13, 2019
Answered

Washed out colors after export in XD

  • October 13, 2019
  • 14 replies
  • 27599 views

Hey, im trying to design something in XD and always after exporting to for example .png, colors are washed out.

I attached screenshot where you can see exported png (at left) and XD preview (at right).

As you see colors after export are less saturated and washed out than during designing in XD.

    This topic has been closed for replies.
    Correct answer Kenneth Kawamoto

    XD is now default to sRGB: https://helpx.adobe.com/xd/help/color-management.html

    14 replies

    Participant
    September 9, 2021

    The export function still doesn't do a good job and washes out my color. Only fix I found was to put my play mode window full screen and take a screenshot on my mac holding cmd + shift + 4. This way the colors looked close to my intention and stakeholders were happy.

    Rishabh_Tiwari
    Community Manager
    Community Manager
    September 9, 2021

    Hi Akash, 

     

    We're so sorry to hear about the trouble. Let me assure you, I'll share your feedback with Engineering team, you'll surely see improvements in future releases.

     

    Regards

    Rishabh

    Participant
    September 17, 2021

    If Adobe wants to be thr premier UX software this is a huge issue.  I love XD and my adobe but I am tired of the same post for years that you will relay the message to your engineers.  Adobe is design software but can't output acurate designs, this seems pretty fundamental. When is this to big fixed or should the design community just move on to the competition.

    Known Participant
    April 21, 2021

    Hey, Mateus

    Changing your monitor settings will not correct the issue of lack of colour management for 2 reasons:
    1. Not all clients or public viewing your design will be viewing in sRGB, so your design may be seen differently by different people with different devices.
    (Sticking with the smaller sRGB gamut will reduce variability by designing for the smallest gamut viewers are likely to be using, though this is not the same as having a color-managed environment at both input- and output- end).

    2. Files without colour profiles are interpreted differently by different software, so your design may be seen differently by different people depending on what software they're using to view your design.

    Changing your monitor settings may make it seem like the issue is solved for you.

    But that doesn't necessarily mean that's what your client is going to see.
    (It's like the joke about the dog who plays hide and seek and thinks you can't see him if he covers his eyes with his paws.)
    So setting your monitor to sRGB (assuming your display will even do that — not all do) is really just a stop gap, not a solution, and comes with its own problems.

    We routinely have clients reporting that prototype designs are too saturated or undersaturated, depending on their viewing device and software — even when the designs are correct for web.
    So we're back to the situation of print in the 1990s where we design for the lowest common denominator (sRGB) and have to check out the designs on different output devices (different displays using different browsers) before we send to the client.

    Device-independent colour at the input end (in XD) would partially but not completely solve the issue. It would at least send a file that will be correctly interpreted by software that's competent enough to read a color profile. We'll still have the output end problem until browser/software developers and display manufacturers decide to get it together and do for screen what ICC did for print.

    I honestly don't think there's any motivation to do that any time soon.

    Community Expert
    October 14, 2019

    XD is not colour managed. (It should be using sRGB throughout.)

    https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/17480899-color-management-set-color-profiles

    But is your monitor configured to display sRGB correctly in the first place...?

    Participant
    October 14, 2019
    Ahh you are right. I had default color scheme on my iMac instead of sRGB. Now when i switched, its displays colors right. Thanks!
    Wolfgang.H
    Inspiring
    August 14, 2020

    Did it actually SOLVE the problem for you, or just make it less pronounced?  I am having this same issue.  I switched my monitor from Standard to sRGB (I'm using a Dell U2410) and this made the difference less notable (which makes sense because it reduced the overall colorspace that my monitor is putting out).  However, the export still looks more muted when I present the images side by side.

    Sjaani
    Community Expert
    Community Expert
    October 13, 2019

    Did you try exporting for different uses?

    I'm wondering if XD treats Design and Web exports differently with an assumption one needs to be a smaller file size.
    I tried some quick shapes on my system and couldn't see any great differences between the XD, design and web colours.