使用草图导出时,与原始颜色相比,我得到的颜色过于饱和。请参阅下面的捕获:
颜色不匹配出现在我用来打开它的任何软件中。导出可以是任何文件类型,并且会出现问题。
当我在草图中导入导出的图像时,Sketch 会以原始颜色显示它。
我做了一些研究,但找不到任何相关的东西。这可能来自我的 Mac 的颜色配置文件吗?(我试图制作一个新的,但这并没有改变任何东西)。谢谢你的帮助
使用草图导出时,与原始颜色相比,我得到的颜色过于饱和。请参阅下面的捕获:
颜色不匹配出现在我用来打开它的任何软件中。导出可以是任何文件类型,并且会出现问题。
当我在草图中导入导出的图像时,Sketch 会以原始颜色显示它。
我做了一些研究,但找不到任何相关的东西。这可能来自我的 Mac 的颜色配置文件吗?(我试图制作一个新的,但这并没有改变任何东西)。谢谢你的帮助
开发人员知道这个问题但不愿意修复它,他们认为这是一个“功能”。
当我们导出图像时,我们会在 sRGB 颜色空间中解释我们的颜色值。我们还将色彩空间保存在元数据中,除非您在导出面板中选中了“保存为 Web”。不管该设置如何,其目的都是使用 sRGB 保存,这与 Safari 配合得很好,因为它将所有图像首先解释为使用 sRGB 保存。如果您还要在预览中打开图像,它会识别 sRGB 配置文件并将其渲染为尽可能接近 Safari。我们相信通过这种方式我们可以获得最一致的颜色表示。
听起来很明智。问题是由于某种原因,他们没有使用 sRGB 渲染实际的工作空间。因为那更“简单”(我假设对他们来说)。他们使用您的系统颜色配置文件渲染它,如果经过校准,它将不是 sRGB。
那么 Sketch 是做什么的呢?当您在 Sketch 中选择颜色时,我们只存储 RGB 值。当我们渲染到屏幕上时,我们会使用显示器的色彩空间来解释 [原文如此] 这些值。
这对我来说是一个明显的缺陷。用于设计用于浏览器的内容的软件,它不像浏览器那样呈现。
所以基本上任何拥有校准屏幕的人都不能使用这个软件,如果他们关心他们正在使用的颜色的准确性。唯一的选择是将屏幕的配置文件设置为 sRGB。我必须补偿我的 macbook 的屏幕,因为它过于依赖光谱的蓝色端,所以这对我来说不是一个选择 - 这将是完全不可行的 - 颜色最终看起来与我所期望的不同。无论如何,大多数专业设计师都会(并且应该!)校准他们的屏幕。因此,该软件的开发人员与他们正在开发的社区之间似乎存在脱节。
除非您将机器用于网络工作,否则将显示器颜色配置文件保留为 sRGB 并不是很好的建议。如源链接中的图表所示,这是一个非常有限的色彩空间。
更重要的是,他们声称:
如果您在 Sketch 中的作品中使用与网站 CSS 中相同的 RGB 值,颜色将匹配。
是真的。我实际上发现,即使在任何地方都使用 sRGB并重新拾取整个调色板的颜色,导出图像中的颜色与 Sketch 中所述的 RGB 值之间仍然存在差异。(至少在 Chrome 中查看时)。CSS 定义的颜色和 Sketch 定义的颜色确实相同,但是具有相同颜色的导出图像(使用 sRGB 显示器配置文件导出并选择了“保存为网络”)却略有不同。
我个人不确定如何继续使用 Sketch。我喜欢这个软件,但这是一个如此基本和根本的疏忽,它在我的工作流程中造成了真正的摩擦。
来源:http: //blog.sketchapp.com/post/133932511180/colors-in-sketch
新版本的 Sketch 有一个简单的功能,可以确保导出时的颜色与您在屏幕上看到的颜色相同。
导航至首选项 › 常规 › 颜色配置文件,然后将颜色设置更改为显示 P3。这会将您的颜色配置文件更改为 Mac 使用的颜色配置文件。然后,再次执行相同的操作,但这次选择 sRGB。现在,您可以选择“转换”选项,然后单击“更改配置文件”将颜色转换为标准颜色空间。现在,当您导出时,颜色看起来就像在 Sketch 中一样。
可以在此处找到有关此的更多信息 https://www.sketchapp.com/docs/other/color-management/
我将我的保留在 sRGB 以测量浏览器表示。我还使用了一堆其他预设和屏幕来测试变化。这是 sRGB 与 Adobe RGB 的示例。
不过,您的问题似乎很奇怪。如果变化来自您的颜色设置,您应该在整个文档中看到它。导出的图像可能会根据您查看它的位置而改变,但您应该无法辨别您的画板和导出面板之间的区别。这很奇怪。
我认为您可能正在查看您的特定文件或应用程序本身的错误。尝试使用其他颜色和文档重新创建行为。与波西米亚人核实一下(我通常在 Twitter 上联系他们),看看他们是否可以在代码中的某个地方找到它。
这个问题已在 Sketch 官方文档中修复(并回答): https ://www.sketchapp.com/learn/documentation/other/color-management/
导出时,请确保选中“保存为 Web”,因为它将确保提供干净的颜色配置文件图像,并确保颜色看起来与草图文件中的颜色相同。