Answers:
开发人员知道该问题,但不愿意解决,他们认为这是一个“功能”。
导出图像时,我们在sRGB颜色空间中解释颜色值。除非您在导出面板中选中了“保存为Web”,否则我们还将在元数据中保存色彩空间。不管使用哪种设置,其目的都是要保存为sRGB,它与Safari很好地兼容,因为它首先将所有图像解释为使用sRGB保存。如果您还要在“预览”中打开图像,它将识别sRGB配置文件并使其尽可能接近Safari。我们相信通过这种方式,我们可以获得尽可能一致的颜色表示。
听起来很明智。问题是由于某种原因,他们没有使用sRGB渲染实际的工作区。因为那是“简单的”(我想对他们来说)。他们使用您的系统颜色配置文件进行渲染,如果经过校准,则不会是sRGB。
那么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”,因为这将确保提供干净的颜色配置文件图像,并确保颜色与草图文件中的颜色相同。
很抱歉,无法恢复这样的旧线程,但这仍然是一个问题-但是我发现了一个有点复杂的解决方法!启动Zeplin,选择导出颜色为.clr,然后将文件复制到〜Library / Colors。用“选择颜色”制作一个新的AppleScript。在最右边,将出现一个带有.clr颜色的新选项卡。单击所需的颜色,然后单击左侧的第二个图标RGB滑块。单击设置轮,然后从下拉列表中选择sRGB配置文件。结果RGB值应该是您想要的。
快乐着色!
如果您已经在进行项目,则可以从文件›更改颜色配置文件…(选择您喜欢的配置文件)转换颜色配置文件。
此处提供更多信息:https : //www.sketchapp.com/docs/other/color-management/#changing-the-color-profile-of-an-existing-document
您可以在此处设置默认配置文件:草图›首选项›常规›颜色配置文件