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.
It's just another massive issue that Adobe cannot be bothered to fix. I have just experienced the same problem. High end UI design exported to J-Peg colours are washed out, it's appalling and changing your monitor settings will not make a blind bit of difference. I'm glad I cancelled my subscription. It is appalling and not the only issue with their bloated memory hogging software.
I've been searching for an answer to this issue all day and finally figured it out. I think.
Because XD doesn't have color modes I found that within XD, it displays colors to be more saturated than they actually are.
I had a specific HEX color code from an online document and was copy/pasting the fill color into elements in XD and also in Illustrator. XD displayed the color much more saturated and I couldn't figure out why. I was thinking this was an issue with XD and distorting the colors through the export process, but actually the color was correct based on the HEX code and it was just displaying much more saturated in XD.
I exported the asset from XD and compared the color side by side with the online document and found that they were exactly the same color, even though XD displayed the color as much more saturated in my working file.
Definitely need this fixed within XD, but in the meantime I've been picking colors and pulling color codes in Illustrato, and copy/pasting the color code into XD. Not ideal considering you can't see the actual color but for export purposes it works just fine.
All said and done it's an issue that needs fixing ASAP. I haven't got time to mess about firing up Illustrator and using color codes from other apps. The fact is the colour problems upon export are a disgrace and should not be happening.
I think it appears darker because of the JPEG compression artefact. The colour values are the same in Photoshop. Can you try exporting to 100% quality (zero compression) JPEG?
Please fix this. I love adobe XD and it is so frustrating that I can't use my assets after designing them. I believe people would be ready to pay a bit extra per month if this issue got fixed.
It has been too much time. If you do not intend to fix it, at least tell us so that we can look for other alternatives because this isn't sustainable anymore.
JUST FIX IT.
It's really unacceptable that such a basic isssue gets simply ignored by Adobe for so long. Stop all minor, tiny update efforts AND GO FIX THIS once and for all. It seems you priorities are a little messed up.
The problem is in proper setup color management in your web browser
This guide will explain you how to do it. I've changed my Chrome browser color to HDR10 and it worked perfectly.
Here is a link to Chrome color management chrome://flags/#force-color-profile
Have a great day 🙂
Thanks for the input.
Chrome does have limited color management, though other browsers approach it differently.
But that's an end-user action.
The problem people have here is that XD itself is not color managed, so it doesn't send out a file to other apps (not just browsers) that has the necessary information to translate color in a device/app independent way.
I'm sorry but this really doesn't have anything to do with the actual issue at hand. Changing color management in your web browser only applies to your personal computer. It will do nothing for every other user who is visiting a website from their own devices.
If I design an asset in Adobe XD with the hex code #ff5241, that asset should have the same color when I export it, so that it matches HTML elements that also use #ff5241 as their CSS color. And this should be regardless of whether the asset is exported as a png or jpeg. (And yes, I understand if you export with extremely low quality settings, there will be compression which can skew colors. That is a separate issue.)
This is very basic color management stuff, and should be built into XD by default, as every other Adobe design program already does this.