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

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/5699367/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-29 08:03:46  来源:igfitidea点击:

Colors look different in browser and photoshop

htmlphotoshop

提问by Neir0

I have a problem with colors in photoshop and browser. Why the same color (#cccc66) looks different? This in photoshop http://gyazo.com/a4f4181bf0638d652174f0a7d4f1fe9d.pngand this in browser http://gyazo.com/37a9ad028951e85a288344f59c84ecc7.png. What could it be?

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



Some additional info. It's not image. I just used Eyedropper tool to get color then copied color name from color picker.

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

回答by SpliFF

It's called color profiles, the PNG has one embedded. You need to strip it out. Photoshop apparentely does weird things with "Save for Web" when color profiles are active.

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

This may help: http://www.viget.com/inspire/the-mysterious-save-for-web-color-shift/

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

Open up any image on your machine and File / Save For Web. Next to the Preset option, there's a sneaky little arrow...click it and uncheck "Convert to sRGB."

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

回答by arik

I think this tutorial should do the trick:

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

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

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

Also, you might want to have a look at this (it's basically the same, but with "Proof Colors" enabled in the "View" menu):

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

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

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

回答by s7anley

How you export this image from Photoshop? Did you use Save for Web & Devices (File -> Save for Web & Devices)? Also you can have to set up proper color profile (Edit -> Color settings), because some formats have embedeed your current color profile.

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