颜色在浏览器和 Photoshop 中看起来不同

Posted

技术标签:

【中文标题】颜色在浏览器和 Photoshop 中看起来不同【英文标题】:Colors look different in browser and photoshop 【发布时间】:2011-08-07 15:33:00 【问题描述】:

我在 Photoshop 和浏览器中遇到了颜色问题。为什么相同的颜色(#cccc66)看起来不同?这个在 Photoshop 中 http://gyazo.com/a4f4181bf0638d652174f0a7d4f1fe9d.png 和这个在浏览器中 http://gyazo.com/37a9ad028951e85a288344f59c84ecc7.png。会是什么?


一些附加信息。这不是图像。我只是使用吸管工具来获取颜色,然后从颜色选择器中复制颜色名称。

【问题讨论】:

http://gyazo.com/37a9ad028951e85a288344f59c84ecc7.png 中的颜色是#cccc66http://gyazo.com/a4f4181bf0638d652174f0a7d4f1fe9d.png 中的颜色是#b3b47f 应该是评论。实际上他是在问为什么他们会变得不同。 【参考方案1】:

它被称为颜色配置文件,PNG 嵌入了一个。你需要把它去掉。当颜色配置文件处于活动状态时,Photoshop 显然会使用“保存为 Web”来做一些奇怪的事情。

这可能会有所帮助:http://www.viget.com/inspire/the-mysterious-save-for-web-color-shift/

打开您机器上的任何图像,然后打开文件/保存为 Web。在“预设”选项旁边,有一个狡猾的小箭头...单击它并取消选中“转换为 sRGB”。

【讨论】:

谢谢你,..你是一个救生员!!我挣扎了好几天才弄明白【参考方案2】:

我认为本教程应该可以解决问题:

http://www.smashingmagazine.com/2009/10/12/setting-up-photoshop-for-web-app-and-iphone-development/

另外,您可能想看看这个(基本相同,但在“查看”菜单中启用了“校样颜色”):

http://www.usabilitypost.com/2008/07/30/photoshop-color-profiles-for-web-images/

【讨论】:

【参考方案3】:

如何从 Photoshop 中导出此图像?您是否使用了保存为 Web 和设备(文件 -> 保存为 Web 和设备)?您还必须设置正确的颜色配置文件(编辑 -> 颜色设置),因为某些格式已嵌入您当前的颜色配置文件。

【讨论】:

以上是关于颜色在浏览器和 Photoshop 中看起来不同的主要内容,如果未能解决你的问题,请参考以下文章

为啥如果我为导航控制器栏设置颜色,它看起来与 Photoshop 或任何应用程序不同?

为啥我的设计元素在所有浏览器中看起来都不同?更新[关闭]

响应式网站在移动浏览器中看起来不同

为啥我的 React 应用程序只在新选项卡中看起来不错?

为啥 XML 在 notepad++ 和 notepad 中看起来不同? [关闭]

Android 仿PhotoShop调色板应用 不同区域颜色选择的颜色生成响应