Photoshop CS6 / CCの色はブラウザの色と異なっていますか?


18

私の友人の一人であるグラフィックデザイナーは最近、Photshopの色がブラウザでレンダリングされた色と少し異なって見えることがあると言った。

ファイルを保存してからパレットのためにウェブサイトで使用すると可能ですが、たとえばPSで指定された色を使用し#b81e1e、DOM要素を作成して背景を設定し#b81e1e、色を別の方法でレンダリングしますPSよりもブラウザー(彼は簡単に見つけることができるので、それほど微妙ではないと思います)。それは定期的なことではなく、常に起こるわけではありませんが、魔女の色で私に本当に言うことはできませんが、彼にそれが数回起こったことを彼は述べています。

それも可能ですか?私はこのようなことを本当に聞いたことがないので、このようなことは私に起こったことはありません...

回答:


24

これはおそらくカラープロファイルの問題です。

まず、CYMKや他の色空間ではなくRGBを使用する必要があります。これは確認するのに十分簡単で、単に[画像]> [モード]に移動して、RGBに設定されていることを確認します。おそらくそうでしょう。

2番目の問題は、カラープロファイルです。これは別の値に設定される場合があります。ほとんどのPCモニターの標準と考えられているsRGB IEC61966-2.1を使用する必要があります。これを確認する最も簡単な方法は、編集>色設定に移動することです。「North America General Purpose 2」または「North America Web / Internet」に設定されている場合、正常に動作するはずです。

最後のステップは、モニターの色のプレビューを設定する「プルーフセットアップ」をセットアップすることです。[表示]> [校正設定]> [RGBの監視]に移動します。次に、[表示]ツールバーの下にある[プルーフカラー]のショートカット(OSに依存)を使用して、プルーフカラーのオン/オフを切り替えることができます。

Photoshopのカラープロファイルに精通していませんが、色の不一致が見つかった場合に実行する手順は次のとおりです。通常、それは私にとっては問題ではありません。

カラープロファイルの詳細


それに加えて、同じモニターでも同様に表示していることを確認してください。異なるモニターが異なるように表示することを確認するためだけです。
ハンナ14年

5
View> Proof Setupで「Monitor RGB」を選択すると、間違った色の問題が修正されました。キーボードの組み合わせによって誤って切り替えられたと思います。
vovahost

@vovahostは、これは非常に一般的ですが、実際には私の最初の実行中に色の問題では、正確な問題(偶然のホットキー)であった
Mattc0m

ああ。俺の。神。Photoshopで15年間働いたが、私はその設定を使用したことがない。どういうわけか、CMYKに切り替えました。デフォルトのプリセットから新しいアプリを開始したばかりなので、開いているドキュメントに関連しているようには見えません。あなたが言ったように、それは以前に開かれたドキュメントまたはホットキーから来ました。どうもありがとう、私はこの設定にもっと目を光らせて使っています!
チェイス

これで私の問題は完全に解決しました。私は長年photoshopを使用しており、それについても知りませんでした。ドキュメントがCMYKにあるためだと思いました。他の同僚のコンピューターで見たとき、それが間違っていることに気づきました。
アレックスマッケイブ

3

私はパーティーに非常に遅れていることに注意してください-同じ問題があり、以前の回答を試した後、私はまだ問題を抱えていました、これが将来誰かに役立つことを願っています-

私のために働いた修正:ファイル> Web用に保存>「sRGBに変換」のチェックを外して>保存


2

Mattc0mの答えが語るカラープロファイルに加えて、大きな問題はモニター自体です。

モニターの輝度とコントラストを調整するだけでは、色が異なって表示されます。

セットアップに2つの不一致のモニターがあります。どちらも同じハードウェアに接続されており、それぞれ同じキャリブレーションデバイスでキャリブレーションされており、起動時に個々のカスタムキャリブレーションプロファイルが読み込まれます。それらは同じ色を表示しません。

世界中のウェブサーバーに画像をアップロードするとき、クライアントのブラウザー(埋め込みプロファイルを尊重する場合もしない場合もあります)およびクライアントのモニターをゼロで制御できます。スラックを受け入れることを学びます。



1

必ず「Web用にエクスポート」機能を使用してください。そうすれば、Photoshopキャンバスで行ったのと同じように、色がブラウザーに表示される形式に変換されます。


1
こんにちはDominik、GDSEへようこそ。回答ありがとうございます。ご不明な点がある場合は、ヘルプセンターをご覧いただくか、グラフィックデザインチャットで私たちの1人にpingを送信してください。評判が十分であれば(20)。投稿を続け、サイトを楽しんでください!
ビンセント

1

Photoshop CCのアップデートとしても変更されます:

EDIT> CONVERT TO PROFILE ...およびDestination Space ProfileをsRGB IEC61966-2.1に設定します

それが私の特定の問題でした。


-3

色を選択するとき、左下に「Web色のみ」という小さなチェックボックスがあります。チェックされていることを確認してください。


さらに詳しく説明していただけますか?
ヴェルツ

これはひどい考えです。あなたは(正確には216)色の非常に小さなパレットに自分自身を制限している、これはされますのみデバイス上の色の違いを防ぐことだけ表示色(これらの日は基本的にありませんなし)8ビットで
カイ

-5

簡単な修正のためにこのビデオを見つけました。Adobe Photoshopで画像が適切に表示されるように、カラープロファイルの問題を修正する方法を示す約1分のビデオです。https://www.youtube.com/watch?v=aB_xN2kLVCE


リンクのみの回答を投稿しないでください。そのリンクの背後にあるものを説明してください。このサイトについて詳しく知りたい場合は、ヘルプセンターをご覧ください。投稿を続け、サイトを楽しんでください!
ルチアーノ
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.