Color Management (set color profiles)
XD should be a color managed application.
I'm not sure what the full context of color management is within the UI/UX industry is, or if it's something that many pay attention to, or if it's just left un-managed.
Currently a vast majority of designers are using high gamut displays to design. Our final output will however differ greatly without some proper color management implemented. If color managment is implemented, we can at least visually soft proof our design and colors to specific devices (ie: New iOS devices that support P3 color gamut), or older sRGB devices.
At the same time sRGB images used won't expand to the display's high color gamut, making them look over saturated.
(Currently using Windows Beta Version: 0.6.8.6)
This is driving me nuts too. Please sort it out. Pretty please!!
When is this going to be sorted? I love Adobe XD but this bug is forcing me to finally look elsewhere for my main prototyping app. Please Adobe get this sorted.
add this asap it's a mess without it.
Yes please add this
Yes need need. It keeps me at Sketch for this
When importing a color corrected SRGB png, jpeg etc, it suddenly looks over satuarated in Adobe XD. This is onworkable and keeps me working with Sketch. Come on Adobe... you do better then this.
I've tried everything: importing an image, drag & dropping it, even opening Sketch files in the hope it would work. But sadly, not...
Here a quick example: to the left the imported image. To the right we see the png preview as it should be...
You guys keep adding on reasons to switch back to sketch again...
need need need
[SOLUTION] This is not an ideal solution but for people like me who are really dependent/used to the UI of XD and don't want to switch this could work.
I export the file from XD (it comes out dull), and then I drop that file into photoshop (looks brighter in the program) and export that as a jpg again, the colors come out right. Hope this helps at least temporarily!
I hope we get a real solution soon.
Colours in XD are annoyingly over-saturated. Need to be able to set sRGB as a profile !!!
I am shocked, that this is really still a problem we have to handle with! This is absolutely basic!
Lenka Č. commented
I had the same problem - it is the Chrome, not Adobe XD problem.
In Chrome try this link chrome://flags/forcecolorprofile and on Force Color Profile enable sRGB. Works for me even with Hardware acceleration turned on.
[SOLVED] - Guys i was also having this problem that was getting me crazy, The colors were as they should on XD but when oppened the exported assets on photoshop with sRGB color profile defined all colors were washed out.
1st thing to do is to synchronize color profiles between all your CC apps, for that you need to open bridge and select the color profile suitable for your monitor, my monitor as a P3 profile and i'm able to select it so i did. From that all my CC apps are sharing the same color profile and now the exported assets from XD look exactly as i need them to look in all CC apps.
2nd the bloody google chrome is changing colors, to fix this all you need to do is goin to -> Settings -> Search for hardware acceleration and disable it and now the problem is fixed, if you drag an asset to chrome you will see the correct colors. Firefox and opera are working fine even with hardware acceleration
Hope this helps
This is unbelievable, done all the possible export options and the images are looking washed out, like with
a 20% B&W filter. Loosing the true colors–the whole essence of the colors are lost. Can't believe this from all other possible bugs is real 2020 and one that is unacceptable. Bye.xd
Switching to Figma.. this color thing drives me nuts
Diana Terry commented
I feel like any information I find on this from Adobe employees is missing the point, I'm not even sure if color management will fix the issue. The image exports are fine for me, but it's the HEX colors that are hurting my work. The brightness and saturation is so much brighter than the actual HEX colors developers will use. It makes my designs look drastically different than the final product.
Newman Barreto commented
I would like to stay working with XD, but the thing is that I'm color blind designer, so when working I need to trust in my computer for color precision. So for now I'll switch to Figma until you solve this issue. Figma is smaller than adobe but they solve easily this with a color space option to sRGB. Sadly this extremely important issue has 4 years old without any solution. Luckily I had 3 months using XD when I found this issue (not solved in 4 years), so I stoped to waste time using this tool and switch to Figma. When Adobe fix this I could be happy to give a try again. There is a screenshot that shows a brand color (Pantone 109C) on XD (left) and Figma with color space sRGB (Right), XD oversaturated the color... Even me (a color blind guy) can notice.
[solved] hello, i lived this, I feel I lose some of my hair in the process but I solved it, the problem is not with adobe xd is with chrome, I left adobe for figma (sorry adobe) to solve the issue and it kept happening, to finally see that is a chrome bug, all you have to do is disable hardware acceleration on chrome settings.
nevertheless this is a big issue for designers, as our users can see greatly different the design from what we intended.
I still can’t wrap my head around this… colors are so off when exporting files from XD, that they are unusable.. Please, please, pretty please Adobe. Fix this.
Why doesn't adobe want me to be able to see the correct colors?
Only because of this problem i have to use a second low resolution display next to my new iMac ...