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)
Mathieu Jouhet commented
Definitely need this feature implemented. Colors are just too different from the expected result. P3 is used on pretty much all macs since 2016, this make it impossible to properly use XD as long as it doesn't have the same color management feature as Photoshop or Illustrator.
I found that exporting the artboards as PNG yields the correct colors, but recording a video in the preview window does not.
Stig Kristensen commented
I'm pulling my hair out over the same issue.
Interestingly there also seem to be some colour conversion going on on embedded images.
Images in XD shows completely different colours both in the editor and browser presentation as to what the image will look like if used directly on the web in any browser. There are definitely no "raw colours" going on (whatever that would be), but probably some conversion happens when the XD presentation gets rendered to the canvas in the browser.
There is a very noticeable difference between designing XD, and then seeing those colors live in the browser. It's frustrating to have to tell developers to change all the colors because it doesn't look anything like what was shown in XD.
I just ran into this copying a color hex value from Photoshop into XD and seeing something very different. Definitely needs to be addressed for for visual designs to be rendered consistently between Adobe applications.
Martin Kleis Sundstrøm commented
I noticed very early that my XD colours were nuts oversaturated compared to the live prototype on my iPhone. What on screen looks like a red hot orange comes off brown on my iPhone. I don't actually mind the color rendition on the iPhone, what I mind is not being able to trust what I see in XD. At first I thought it was my new monitor, since every time I tried to change the color profile in OS X prefs, XD would change for a second or two, then jump right back to the hyper-saturated look. Then I took a screen shot, jumped into Photoshop, and realised that wasn't happening there. So it's an XD thing. At least make XD respect the system-set color profile if you're not ready to include color profiles in XD.
juan torrealba commented
big issue with the color palete on XD we need to do an extra job in photoshop to get the right color t.
XD is a great tool to design, but color profiles is a big issue. Please fix it, make it just like it will be look like in a browser.
Yes unfortunately you have to design in Photoshop first for the right colors as a preview :( ...... . In Sketch they worked it out, you can choose between sRGB and P3. Come on Adobe solve it!
yes, its very important to have color profiles. at least XD should work in standard sRGB. its nearly impossible to make a good design, because pictures look so different.
Please fix this. Like others have said, it's difficult to even consider this as a design tool when it can't even meet the basic expectations of a design tool. Given the increasing competition, I find it hard to believe that it's taking so long to do this. Googling this problem brought up other posts from 2016.
Even using images from CC libraries results in the same colour profile problems.
Would be nice for a feature to respect images color profiles, embedded photos are way too oversaturated.
When this problem isn't settled, it's difficult to use XD as a design tool.
The color is too distant from the data made at Photoshop and Illustrator.
hello? Any suggestions?
Please to add a color management option like at Ai or Ps! We use at work wide gamut Eizo monitors (professional graphic monitorfor many purposes) and all colors are to much saturate, it would be great to see colors at srgb.
Please add the Feature to make our designs look like they should...
Its realy frustrating.
Ghost CY commented
Hello! The problem with the brightness in application https://yadi.sk/i/Ttrl9gIZ3RUn23 Colors too bright and not the same as the source file. How to change a color profile is unknown Please please help.
Of course, I tried another image, I have the same problem
new image https://yadi.sk/i/EgPdrmBR3RUizT the problem remained (
On another Mac, no problem - https://yadi.sk/i/EgPdrmBR3RUizT
AdminCorey Lucier (Adobe) (Admin, Adobe) commented
Would you mind adding your vote to one of the preexisting requests? I think this might be the highest ranking one - https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/17480899-color-managed-application . More votes, earlier it gets addressed. :)
Eivind Arnstein Johansen commented
Final designs will be included in design manuals. As such the pdf export from XD provides high quality vector assets. Missing hovever is embedded ICC data.
This means that for the unaware designer colours will shift when included in design manuals or other non sRGB contexts. This seem to be an oversight as the sRGB colour profile is embeded in png files exported for "design".
Ruben van Nimwegen commented
Working on a MacBook Pro with touchbar, I'm seeing huge color differences between Photoshop 2018 and Adobe XD 1.0. It has to do with the wide gamut display of the mac. On my older MacBook (Late 2013) I don't have the problem. Is there anyway to fix this?
James Johnson commented
Agreed. Please add this feature.