网站与设计软件上出现的颜色不同答案

【问题标题】：Colors appearing differently on website vs design software网站与设计软件上出现的颜色不同
【发布时间】：2019-05-24 19:34:57
【问题描述】：

我已经设计自己的网站有一段时间了，我注意到网站实时版本上显示的颜色与我在设计软件 (Adobe XD) 中使用的颜色不同。

我使用十六进制代码来表示颜色，尽管十六进制代码相同，但颜色看起来不同。

这是显示两种颜色之间差异的屏幕截图：

虽然您可以看到颜色代码相同：

为什么会这样？是否有可能让它成为正确的颜色，或者这只是与网络如何显示颜色有关？

【问题讨论】：

这似乎是 XD 的一个已知问题。 Web 使用 sRGB 颜色空间，而 XD 使用 devies 原始颜色空间。与 XD 相比，即使 PS 中的颜色看起来也不同。见这里：forums.adobe.com/thread/2257773
Adobe 3 年没有解决这个问题真是太疯狂了。甚至不需要复杂的色彩空间管理系统。只需让您的网页设计软件与 99% 的人使用的浏览器的 sRGB 色彩空间相匹配。

【解决方案1】：

十六进制代码不是通用数字，这意味着除非指定颜色空间，否则单独的十六进制代码没有任何意义。颜色的差异是由于您的设计软件使用的颜色空间与您用于显示网站的浏览器不同。有关更多信息，您应该查看 this similar thread 的十六进制代码和颜色空间。

【讨论】：

我明白了，谢谢你的澄清！是否可以在 Adobe XD 之外匹配相同的颜色？知道一切都是一样的，这将使这个设计过程变得更加简单。
@primelf 到目前为止，Adobe XD 还不允许选择不同的色彩空间。几乎所有的网络浏览器都使用 sRGB，而 Adobe 使用自己的颜色空间，称为 Adobe RGB，这就是为什么您的颜色几乎总是不一致的原因。不幸的是，据我所知，除了使用不同设计软件的极其蹩脚的答案之外，没有其他方法可以解决这个问题。

【解决方案2】：

每个浏览器都以不同的方式显示颜色。尝试使用其他浏览器并自行查看。这是它在 Google Chrome 上的显示方式：

这就是它在 Firefox 上的显示方式：

我想说的是，这个问题似乎没有解决方案，因为它会在每个浏览器上以不同的方式出现。

【讨论】：