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)
Android web etc.
There are a few features I miss and some problems which are annoying. And this is the Color-Management-Problem. Why is the color so much different on my iMac and iPad (XD App live view) /Browser?????????? In sketch everything is fine …
Ruben van Nimwegen commented
Can anyone explain why Adobe don't want to fix this simple problem?
Why can't Adobe just rip off Sketch's color management system and be done w/ this issue already?! I mean XD pretty much shamelessly ripped off Sketch across the board. There's no need to be selective about what you ripp off — just go all the way and get it done!
And importing an illustration from Illustrator produces some crazy saturated colors. In other words, it's completely useless to use Adobe's own tools to create artwork for XD, forcing me to recreate the art within XD (which is a non-starter)
I've updated to version 28 today, but the color management problem seems to remain unfixed.
My presentations to clients via the 'share' option look different from what I see in XD. That makes work really difficult, as I need to manually guesstimate the colours so that they produce the correct ones in my presentations.
My biggest concern here is that this bug isn't mentioned in the 'known issues' listing. As if this truly crippling issue is being ignored.
Dan Johnson commented
Unbelievable there's no comment from Adobe about this. It's confirming the fact that they know there's a problem and they're incapable of fixing it.
Tato Polodashvili commented
Please fix this asap!
el hefe commented
Adobe WHAT THE FUCK!? Major fail. Why hasnt this been fixed????
The non-existent and wrong color handling in XD is really UNACCEPTABLE for anyone working with more upmarket clients and premium products!
Clients keep asking why the images in the prototype look so "colourful" (i.e. saturated) when in fact they have all been professionally color-graded and look fine everywhere but inside XD.
PLEASE synchronise across all your platforms!
Luca Baroncini commented
That's a problem. Due to this bug, all mockups are dull. Can't believe this. Very disappointing.
Problem: No color profiles and therefore wrong color display:
- Colors look off.
- My brand-red #DC0000 especially.
- When I show someone a design on screen everything looks different than it will in the browser
- Looking at wrong colors is a major problem when designing.
- I create a square with the color #DC0000 in Adobe XD. Then export is as a PNG. Open the exported PNG in Chrome and Photoshop. And look at it in the Finders small file preview.
- I then look at it AND meassure the color with macOS "Digital Colour Meter" all 4 places. It looks and meassures the correct color-value #DC0000 everywhere except in Adobe XD where it's #EE0000 instead, which is a lot more saturated.
- The problems is the same when working on my MacBook Pro retina screen and my external retina non-Apple screen.
This is not funny at all. Please look at the difference in the attached image. Left is browser right is XD. http://prntscr.com/r6d7bp Here I am all happy about the colors I am using in XD and my customers are screaming at me for "wrong" color choices.
Here's a simple test, on the left is XD and on the is chrome, the colors are exactly 100% the same using the same monitor. If I put XD on the retina XD uses that gamut and so the color changes a bit. Maybe the XD engineering team didn't catch this, but the solution should be a pretty simple one because trying to color-manage XD or Sketch or Figma or any other tools of like would be a pretty monstrous task.
All browsers, just stick to the normal sRGB, if XD is allowed to use that gamut instead of the mac's gamut then it would be great. to do a quick test, see the color difference between the retina and an external monitor such as a dell or lg for instance, the color instantly changes to what all browsers show because the profile used in an external monitor uses a different more universal gamut. XD should not use the native color space, it should use a common sRGB gamut like all browsers.
I use an ultra sharp dell wide monitor and as soon as XD is placed in that screen, the colors are exactly the same as in any browser.
The main issue is not XD itself, the problem is that browsers are not color managed, Chrome for instance does not use an ICC profile, which macs do use and XD uses the native architecture. The solution I can think of is to allow XD to be able to toggle on or off using native ICC from any system. I am no engineer of course, but I do believe that would help. Also, correct me if I'm wrong, but I believe the only color-managed browser is Firefox, which, if you use firefox and color manage it, you get a bunch of weird results.
One last thing, Sketch is not color-managed, actually there is no UI/UX software that is actually color-managed. It doesn't need to be unless all browsers go in that direction, then the software needs to be able to match.