web-dev-qa-db-ja.com

ブラウザとフォトショップでは色が異なります

フォトショップとブラウザの色に問題があります。同じ色（＃cccc66）が異なって見えるのはなぜですか？これはフォトショップで http://gyazo.com/a4f4181bf0638d652174f0a7d4f1fe9d.png そしてこれはブラウザで http://gyazo.com/37a9ad028951e85a288344f59c84ecc7.png 。どうなり得るか？

いくつかの追加情報。画像ではありません。スポイトツールを使用して色を取得し、カラーピッカーから色名をコピーしました。

htmlphotoshop
16
Neir0

これはカラープロファイルと呼ばれ、PNGには1つ埋め込まれています。あなたはそれを取り除く必要があります。 Photoshopは、カラープロファイルがアクティブな場合、「Web用に保存」で奇妙なことをしているようです。

これは役立つかもしれません： http://www.viget.com/inspire/the-mysterious-save-for-web-color-shift/

マシン上の任意の画像を開き、ファイル/ Web用に保存します。 [プリセット]オプションの横に、卑劣な小さな矢印があります...それをクリックして、[sRGBに変換]のチェックを外します。

24
SpliFF

このチュートリアルでうまくいくと思います。

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/

5
arik

この画像をPhotoshopからどのようにエクスポートしますか？ [Webとデバイス用に保存]（[ファイル]-> [Webとデバイス用に保存]）を使用しましたか？また、一部の形式では現在のカラープロファイルが埋め込まれているため、適切なカラープロファイルを設定する必要があります（[編集]-> [カラー設定]）。

0
s7anley