Web セーフカラーを選択

最終更新日 : 2025年12月2日

Adobe Color Picker またはカラーパネルを使用して web セーフカラーを設定します。

Web セーフカラーを選択することで、異なるブラウザーやシステムで一貫したカラー表示を確保できます。Adobe Photoshop では、これが Adobe Color Picker またはカラーパネルを使用して簡単にできます。

Web セーフカラーは、256 色に制限されたモニターで一貫して表示される 216 色の共有ブラウザーカラーのセットです。これらを使用することで、ディザの発生を回避できるようになり、アートワークが異なるシステム間で同じように表示されます。

Adobe Color Picker での web セーフカラーの選択

ツールボックスで「描画色を設定」または「背景色を設定」を選択して、カラーピッカーを開きます。

カラーピッカーの左下隅にある「web セーフカラーのみに制限」オプションを選択します。このオプションがオンの状態で選択できるカラーは、web セーフパレットのものに限定されます。

「web セーフカラーのみに制限」が選択されていない状態で非 web セーフカラーを選択すると、カラーボックスの横に警告：非 web セーフカラーアイコンが表示されます。

立方体の警告アイコンを選択し、最も近い web セーフカラーに切り替えます。

カラーパネルのタブを選択するか、ウィンドウ／カラーを選択します。

カラーパネルのメニューで、次のいずれかを選択します。

グラデーションを web セーフに - 選択するすべてのカラーが web セーフになります。
Web カラースライダー - スライダーが web セーフカラーにスナップし、目盛りが web セーフポイントを示します。
- スナップを無効にするには、Alt キー（Windows）または Option キー（macOS）を押しながらスライダーをドラッグします。

Web カラー以外のカラーを選択した場合は、カラーパネルのカラーランプの横に立方体の警告記号が表示されます。

立方体の警告アイコンを選択し、最も近い web セーフカラーに切り替えます。

Photoshopで魅力的な画像を作成
業界をリードする使い慣れた創造的なツールで写真を編集、レタッチ、変換できます。

ペイント中のカラーの選択

プリントできないカラーに相当する CMYK カラーの選択

アプリ内のステップバイステップのビデオチュートリアルと実践的なガイダンスで学習できます。

ディスカッションに参加し、回答を見つけ、専門家から学び、知識を共有することができます。

お気に入りの Creative Cloud アプリ、サービス、ファイル管理などにアクセスできます。