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)
Tom Dearie commented
Yes. Conceptual designers definitely need 2 things in all their design apps:
1. Consistency in color from app to app, so that we can perceptually design with the confidence that a color created in one app will appear the same in the destination app. (e.g. Photoshop & Illustrator >> XD)
2. Device independent color: We need to know that the designer's display isn't showing colors unavailable on the typical display in the target audience. We can't control what a user does with their screen brightness etc., and we can't control whether browser developers bother adhering to international color standards (we wish we could). But we can and should design in a range of colors that is a reasonable reflection of typical display devices being used in the wild.
I m having a lot of problems with color, can you fix this please? I need my colors to match on photoshop and XD. I cant work on a website when the colors are off.
Roman Divoky commented
I wonder that just a few people are interested in color management in XD. Everybody just wants new shiny features a they don't mind their's colors doesn't match. Please add color management into XD.
Is there any workaround how to match exported images colors with XD?
How is it still not solved? This is the most annoying thing in your app, making it impossible to design anything decent. How many years do you need to fix it? It's already nearly 2 years, for a feature that should be fixed in like 1 week.
Terry Upton commented
Does Adobe have any dates on when this might be fixed?
I was looking to move over to XD as a design/prototype tool, but this renders it useless IMO. I crated my first project after hours, only to find out this problem... :-(
yes, this is an absolute necessity. color consistency varies on different browser unless you tag the image. untagged images tend to look neon like in the saturation
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.