マニュアル キャンセル

カラーの選択

  1. Photoshop ユーザーガイド
  2. Photoshop の概要
    1. 夢をカタチに
    2. Photoshop の新機能
    3. 初めての写真編集
    4. ドキュメントの作成
    5. Photoshop | よくある質問
    6. Photoshop の必要システム構成
    7. Photoshop とは
    8. Photoshop を最新の状態にする
  3. Photoshop とその他の Adobe 製品およびサービス
    1. Photoshop で Illustrator アートワークを作業する
    2. InDesign での Photoshop ファイルの操作
    3. Photoshop 用 Substance 3D マテリアル
    4. Photoshop の Capture アプリ内拡張機能の使用
  4. Photoshop iPad 版(中国本土ではご利用いただけません)
    1. Photoshop iPad 版 | よくある質問
    2. ワークスペースについて
    3. システム要件 | Photoshop iPad 版
    4. ドキュメントの作成、表示、書き出し
    5. 写真の追加
    6. レイヤーの操作
    7. ブラシを使用した描画とペイント
    8. 範囲の選択とマスクの追加
    9. 合成を修正する
    10. 調整レイヤーを使用する
    11. トーンカーブで合成の色調を調整する
    12. 変形操作を適用する
    13. 合成画像の切り抜きと回転
    14. カンバスの回転、パン、ズーム、リセット
    15. テキストレイヤーを使用する
    16. Photoshop と Lightroom の連携
    17. Photoshop iPad 版で環境にないフォントを取得する
    18. Photoshop iPad 版での日本語テキスト
    19. アプリの設定を管理する
    20. タッチショートカットとジェスチャー
    21. ショートカットキー
    22. 画像サイズを編集する
    23. Photoshop iPad 版での制作過程をライブストリームで配信
    24. 修復ブラシで不具合を修正する
    25. Capture でブラシを作成して Photoshop iPad 版で使用する
    26. Camera Raw ファイルの操作
    27. スマートオブジェクトの作成と操作
    28. 覆い焼きと焼き込みを使用した画像の露出調整
    29. Photoshop iPad 版の自動調整コマンド
    30. Photoshop iPad 版で画像内の領域を指先で操作する
    31. スポンジツールを使用した画像の彩度の調整
    32. iPad のコンテンツに応じた塗りつぶし
  5. Photoshop web 版(中国本土ではご利用いただけません)
    1. 一般的な質問
    2. 必要システム構成
    3. ショートカットキー
    4. サポートされているファイルタイプ
    5. ワークスペースの概要
    6. クラウドドキュメントを開いて操作する
    7. 生成 AI 機能
    8. 基本的な編集コンセプト
    9. クイックアクション
    10. レイヤーの操作
    11. 画像のレタッチと不具合箇所の除去
    12. クイック選択の実行
    13. 調整レイヤーによる画像の向上
    14. 塗りつぶしレイヤーの追加
    15. 画像の移動、変形、切り抜き
    16. 描画とペイント
    17. シェイプの描画と編集
    18. テキストレイヤーを使用する
    19. Web 上での他のユーザーとの共同作業
    20. アプリの設定を管理する
    21. 画像を生成
    22. 背景を生成
    23. 参照画像
  6. Photoshop(Beta)(中国本土ではご利用いただけません)
    1. Creative Cloud(Beta)アプリの基本を学ぶ
    2. Photoshop(Beta)デスクトップ版
    3. 参照画像
  7. 生成 AI(中国本土ではご利用いただけません)
    1. Photoshop の生成 AI に関するよくある質問
    2. Photoshop デスクトップ版の生成塗りつぶし
    3. 説明テキストプロンプトで画像を生成
    4. Photoshop デスクトップ版の生成拡張
    5. 背景を生成を使用した背景の置換
    6. 類似を生成を使用して新しいバリエーションを取得
    7. Photoshop iPad 版の生成塗りつぶし
    8. Photoshop iPad 版の生成拡張
    9. Photoshop web 版の生成 AI 機能
  8. コンテンツ認証(中国本土ではご利用いただけません)
    1. Photoshop の Content credentials
    2. NFT の ID と来歴
    3. クリエイティブ属性のアカウントの接続
  9. クラウドドキュメント(中国本土ではご利用いただけません)
    1. Photoshop クラウドドキュメント | よくある質問
    2. Photoshop クラウドドキュメント | ワークフローに関する質問
    3. Photoshop でのクラウドドキュメントの管理と使用
    4. Photoshop 用クラウドストレージのアップグレード
    5. クラウドドキュメントを作成または保存できない
    6. Photoshop クラウドドキュメントのエラーを解決する
    7. クラウドドキュメントの同期ログの収集
    8. クラウドドキュメントの編集に他のユーザーを招待
    9. アプリ内でファイルとコメントを共有する
  10. ワークスペース
    1. ワークスペースの基本
    2. 環境設定
    3. Photoshop のもっと知るパネルで簡単に知る
    4. ドキュメントの作成
    5. ファイルの配置
    6. 初期設定のショートカットキー
    7. ショートカットキーのカスタマイズ
    8. ツールギャラリー
    9. パフォーマンス環境設定
    10. ツールの使用
    11. プリセット
    12. グリッドとガイド
    13. タッチジェスチャー
    14. Photoshop での Touch Bar の使用
    15. タッチ機能とカスタマイズ可能なワークスペース
    16. テクノロジープレビュー
    17. メタデータと注釈
    18. 他のアプリケーションへの Photoshop 画像の配置
    19. 定規
    20. プリントしないエクストラの表示または非表示
    21. 画像のコラムの指定
    22. 取り消しおよびヒストリー
    23. パネルとメニュー
    24. スナップを使用した要素の配置
    25. ものさしツールを使用した配置
  11. Web、画面、アプリデザイン
    1. デザインに最適な Photoshop
    2. アートボード
    3. デバイスプレビュー
    4. レイヤーから CSS をコピー
    5. Web ページのスライス
    6. スライスの HTML オプション
    7. スライスのレイアウトの変更
    8. Web グラフィックの使用
    9. Web フォトギャラリーの作成
  12. 画像とカラーの基本
    1. 画像のサイズを変更する方法
    2. ラスター画像とベクトル画像の操作
    3. 画像サイズと解像度
    4. カメラやスキャナーからの画像の取り込み
    5. 画像を作成、開く、読み込み
    6. 画像の表示
    7. 無効な JPEG マーカーエラー | 画像を開く
    8. 複数の画像の表示
    9. カラーピッカーとスウォッチのカスタマイズ
    10. ハイダイナミックレンジ(HDR)画像
    11. 画像のカラーの適用
    12. カラーモードの変換
    13. カラーモード
    14. 画像の一部の消去
    15. 描画モード
    16. カラーの選択
    17. インデックスカラーのカラーテーブルのカスタマイズ
    18. 画像情報
    19. ゆがみフィルターが使用できない
    20. カラーについて
    21. チャンネルを使用したカラーおよびモノクロの補正
    22. カラーパネルとスウォッチパネルでのカラーの選択
    23. サンプル
    24. カラーモードまたは画像モード
    25. 色かぶり
    26. アクションへの条件付きモード変更の追加
    27. HTML CSS と SVG からスウォッチを追加
    28. ビット数と環境設定
  13. レイヤー
    1. レイヤーの基本
    2. 非破壊編集
    3. レイヤーとグループの作成および管理
    4. レイヤーの選択、グループ化、リンク
    5. 画像をフレームに配置する
    6. レイヤーの不透明度と描画
    7. レイヤーのマスク
    8. スマートフィルターの適用
    9. レイヤーカンプ
    10. レイヤーの移動、重なり順の変更およびロック
    11. ベクトルマスクによるレイヤーのマスク
    12. レイヤーとグループの管理
    13. レイヤー効果とレイヤースタイル
    14. レイヤーマスクの編集
    15. アセットを抽出
    16. クリッピングマスクを使用したレイヤーの表示
    17. レイヤーからの画像アセットの生成
    18. スマートオブジェクトの操作
    19. 描画モード
    20. 複数の画像のグループ写真への合成
    21. レイヤーを自動合成を使用して画像を結合
    22. レイヤーの整列と分布
    23. レイヤーから CSS をコピー
    24. レイヤーまたはレイヤーマスクの境界線からの選択範囲の読み込み
    25. ノックアウトして他のレイヤーからコンテンツを表示
  14. 選択範囲
    1. 選択の基本を学ぶ
    2. 合成での選択範囲の作成
    3. 選択とマスクワークスペース
    4. 選択ツールによる選択
    5. なげなわツールによる選択
    6. ピクセル選択範囲の補正
    7. 選択したピクセルの移動、コピー、削除
    8. 一時的なクイックマスクの作成
    9. 画像内の色域指定の選択
    10. パスと選択範囲の境界線の変換
    11. チャンネルの基本
    12. 選択範囲とアルファチャンネルマスクの保存
    13. 画像の焦点領域の選択
    14. チャンネルの複製、分割および統合
    15. チャンネルの演算
  15. 画像補正
    1. オブジェクトのカラーの置換
    2. 遠近法ワープ
    3. カメラの振動によるぶれの軽減
    4. 修復ブラシの使用例
    5. カラールックアップテーブルの書き出し
    6. 画像のシャープとぼかしの調整
    7. カラー補正について
    8. 「明るさ・コントラスト」補正の適用
    9. シャドウとハイライトのディテールの調整
    10. レベル補正
    11. 色相と彩度の調整
    12. 自然な彩度の調整
    13. 画像領域内のカラーの彩度の調整
    14. 色調のクイック補正
    15. 画像への特殊なカラー効果の適用
    16. カラーバランスの補正による画像の向上
    17. ハイダイナミックレンジ(HDR)画像
    18. ヒストグラムとピクセル値の表示
    19. 画像のカラーの適用
    20. 写真の切り抜きと角度補正
    21. カラー画像の白黒画像への変換
    22. 調整レイヤーと塗りつぶしレイヤー
    23. トーンカーブの補正
    24. 描画モード
    25. 出力用画像のターゲット指定
    26. レベル補正およびトーンカーブスポイトツールを使用したカラーと色調の補正
    27. HDR の露光量とトーンの調整
    28. 画像領域の覆い焼きまたは焼き込み
    29. 特定色域の色調の補正
  16. Adobe Camera Raw
    1. Camera Raw の必要システム構成
    2. Adobe Camera Raw の新機能
    3. Camera Raw の紹介
    4. パノラマの作成
    5. サポート対象レンズ
    6. Camera Raw の周辺光量補正、粒状、かすみの除去の効果
    7. 初期設定のショートカットキー
    8. Camera Raw の自動的な遠近法の補正
    9. Camera Raw の円形フィルター
    10. Camera Raw 設定の管理
    11. Camera Raw での画像のオープン、処理および保存
    12. Camera Raw の強化されたスポット除去ツールで画像を修復
    13. 画像の回転、切り抜きおよび調整
    14. Camera Raw でのカラーレンダリングの調整
    15. Camera Raw のプロセスバージョン
    16. Camera Raw での部分補正
  17. 画像の修復および復元
    1. 削除ツール
    2. コンテンツに応じた塗りつぶしを使用して写真からオブジェクトを削除
    3. コンテンツに応じたパッチと移動
    4. 写真のレタッチと修復
    5. 画像のゆがみとノイズの修正
    6. 多くの問題を解決するための基本的なトラブルシューティング手順
  18. 画像の補正と変形
    1. 画像の空の置換
    2. オブジェクトの変形
    3. 切り抜き、回転およびカンバスサイズを調整
    4. 写真を切り抜きおよび角度補正する方法
    5. パノラマ画像の作成と編集
    6. 画像、シェイプ、パスのワープ
    7. Vanishing Point
    8. コンテンツに応じた拡大・縮小
    9. 画像、シェイプ、パスの変形
  19. 描画とペイント
    1. 対称パターンのペイント
    2. 長方形の描画とストロークオプションの変更
    3. 描画の概要
    4. シェイプの描画と編集
    5. ペイントツール
    6. ブラシの作成と修正
    7. 描画モード
    8. パスへのカラーの追加
    9. パスの編集
    10. 混合ブラシによるペイント
    11. ブラシプリセット
    12. グラデーション
    13. グラデーション補間
    14. 選択範囲、レイヤーおよびパスの塗りつぶしおよび境界線の描画
    15. ペンツールによる描画
    16. パターンの作成
    17. パターンメーカーを使用したパターンの生成
    18. パスの管理
    19. パターンライブラリとプリセットの管理
    20. グラフィックタブレットによる描画またはペイント
    21. テクスチャブラシの作成
    22. ブラシへの動的な要素の追加
    23. グラデーション
    24. アートヒストリーブラシによる、スタイル化されたストロークのペイント
    25. パターンによるペイント
    26. 複数のデバイスでのプリセットの同期
    27. プリセット、アクションおよび設定の移行
  20. テキスト
    1. テキストの追加と編集
    2. 統合テキストエンジン
    3. OpenType SVG フォントの操作
    4. 文字の書式設定
    5. 段落の書式設定
    6. テキスト効果の作成方法
    7. テキストの編集
    8. 行と文字の間隔
    9. アラビア語およびヘブライ語のテキスト
    10. フォント
    11. フォントのトラブルシューティング
    12. 日本語、中国語、韓国語のテキスト
    13. テキストの入力
  21. フィルターと効果
    1. ぼかしギャラリーの使用
    2. フィルターの基本
    3. フィルター効果リファレンス
    4. 照明効果の追加
    5. 広角補正フィルターの使用
    6. 油彩フィルターの使用
    7. ゆがみフィルターの使用
    8. レイヤー効果とレイヤースタイル
    9. 特定フィルターの適用
    10. 画像領域をこする
  22. 保存と書き出し
    1. Photoshop でのファイルの保存
    2. Photoshop でのファイルの書き出し
    3. サポートされているファイル形式
    4. グラフィック形式でのファイルの保存
    5. Photoshop と Illustrator 間でのデザインの移動
    6. ビデオとアニメーションの保存と書き出し
    7. PDF ファイルを保存
    8. Digimarc 著作権保護
  23. カラーマネジメント
    1. カラーマネジメントの設定
    2. 一貫した色の保持
    3. カラー設定
    4. ダブルトーン
    5. カラープロファイルの操作
    6. オンライン表示用ドキュメントのカラーマネジメント
    7. 印刷時におけるドキュメントのカラーマネジメント
    8. 読み込んだ画像のカラーマネジメント
    9. 色の校正
  24. Web、画面、アプリデザイン
    1. デザインに最適な Photoshop
    2. アートボード
    3. デバイスプレビュー
    4. レイヤーから CSS をコピー
    5. Web ページのスライス
    6. スライスの HTML オプション
    7. スライスのレイアウトの変更
    8. Web グラフィックの使用
    9. Web フォトギャラリーの作成
  25. ビデオとアニメーション
    1. Photoshop でのビデオの編集
    2. ビデオおよびアニメーションレイヤーの編集
    3. ビデオとアニメーションの概要
    4. ビデオとアニメーションのプレビュー
    5. ビデオレイヤーのフレームのペイント
    6. ビデオファイルと画像シーケンスの読み込み
    7. フレームアニメーションの作成
    8. Creative Cloud 3D アニメーション(プレビュー)
    9. タイムラインアニメーションの作成
    10. ビデオ用の画像の作成
  26. プリント
    1. 3D オブジェクトのプリント
    2. Photoshop を使用したプリント
    3. カラーマネジメントを使用したプリント
    4. コンタクトシートと PDF プレゼンテーション
    5. ピクチャパッケージレイアウトでの写真のプリント
    6. スポットカラーのプリント
    7. 業務用プリンターでの画像のプリント
    8. Photoshop からのカラー印刷の改善
    9. 印刷問題のトラブルシューティング | Photoshop
  27. 自動化
    1. アクションの作成
    2. データ駆動型グラフィックの作成
    3. スクリプト
    4. ファイルのバッチ処理
    5. アクションの再生と管理
    6. 条件付きアクションの追加
    7. アクションおよびアクションパネルについて
    8. アクションへのツールの記録
    9. アクションへの条件付きモード変更の追加
    10. プラグインとスクリプト用の Photoshop UI ツールキット
  28. トラブルシューティング
    1. 解決済みの問題 
    2. 既知の問題
    3. Photoshop のパフォーマンスの最適化
    4. トラブルシューティング/初級編
    5. クラッシュまたはフリーズのトラブルシューティング
    6. プログラムエラーのトラブルシューティング
    7. 「仮想記憶ディスクの空き容量不足」エラーのトラブルシューティング
    8. GPU およびグラフィックドライバーの問題のトラブルシューティング
    9. 見つからないツールを検索
    10. Photoshop の 機能 | 廃止された 3D 機能に関するよくある質問
注意:

2023年10月のリリースでは、残り 3 つの Pantone カラーブック(Pantone + CMYK コーティングPantone + CMYK コーティングなしPantone + メタリックコーティング)は Photoshop から削除されます。

描画色と背景色について

Photoshop では、ペイント、塗りつぶしおよび選択範囲の境界線の描画には描画色が使用され、消去された領域やグラデーションには背景色が使用されます。描画色と背景色は、他の特殊効果フィルターにも使用されます。

スポイトツール、カラーパネル、スウォッチパネルまたは Adobe カラーピッカーを使用して、新しい描画色や背景色を指定することができます。

初期設定の描画色はブラックで、背景色はホワイトです。アルファチャンネルでは、初期設定の描画色はホワイトで、背景色はブラックです。

Adobe Photoshop logo

まずは無料で試してみる
世界中で利用されている画像編集ツールを試そう

ツールパネルでのカラーの選択

描画色はツールパネルにあるカラー選択ボックス上に表示され、その下には背景色が表示されます。

ツールパネルの描画色と背景色のカラー選択ボックス

A. 描画色と背景色を初期設定に戻すアイコン B. 描画色と背景色を入れ替えアイコン C. 描画色カラー選択ボックス D. 背景色カラー選択ボックス 

  • 描画色を変更するには、ツールパネルの上側のカラー選択ボックスをクリックし、Adobe カラーピッカーでカラーを選択します。
  • 背景色を変更するには、ツールパネルの下側のカラー選択ボックスをクリックし、Adobe カラーピッカーでカラーを選択します。
  • 描画色または背景色を反転するには、ツールパネルの描画色と背景色を入れ替えアイコンをクリックします。
  • 描画色と背景色を初期設定のカラーに戻すには、ツールパネルの描画色と背景色を初期設定に戻すアイコンをクリックします。

スポイトツールによるカラーの選択

スポイトツールは、カラーをサンプルして新しい描画色または背景色を指定します。カラーは、アクティブな画像または画面上の任意の場所からサンプルすることができます。

  1. スポイトツール  を選択します。
  2. オプションバーの「サンプル範囲」メニューからオプションを選択し、サンプル範囲を変更します。

    指定したピクセル

    クリックしたピクセルの正確な値が読み取られます。

    3 ピクセル四方の平均、5 ピクセル四方の平均、11 ピクセル四方の平均、31 ピクセル四方の平均、51 ピクセル四方の平均、101 ピクセル四方の平均

    クリックしたポイントを中心に指定したピクセル数の領域内の平均値が読み取られます。

    Photoshop スポイトツール
    スポイトツールで描画色を選択

  3. サンプルメニューから以下のいずれかのオプションを選択します。

    すべてのレイヤー

    ドキュメント内のすべてのレイヤーからのカラーのサンプル

    現在のレイヤー

    現在アクティブであるレイヤーからのカラーのサンプル

  4. サンプルしたカラーを描画色の上でプレビューする円をスポイトツールのまわりに表示させるには、「サンプルリングを表示」を選択します(このオプションには OpenGL が必要です。詳しくは、OpenGL の有効化と GPU 設定の最適化を参照してください)。

  5. 次のいずれかの操作を行います。
    • 新しい描画色を選択するには、画像内をクリックします。または、画像上にポインターを置き、マウスボタンを押したまま画面上の任意の場所をドラッグします。ドラッグに対応して描画色を設定ボックスが動的に変化します。新しいカラーを選択するには、マウスボタンを放します。

    • 新しい背景色を選択するには、Alt キー(Windows)または Option キー(Mac OS)を押しながら画像内をクリックします。または、画像上にポインターを置き、Alt キー(Windows)または Options キー(Mac OS)を押しながらマウスボタンを押し、画面上の任意の場所をドラッグします。ドラッグに対応して背景色を設定ボックスが動的に変化します。新しいカラーを選択するには、マウスボタンを放します。

    注意:

    他のペイントツールを使用しているときに、描画色を選択するためにスポイトツールを一時的に使用するには、Alt キー(Windows)または Option キー(Mac OS)を押します。

Adobe カラーピッカーの概要

Adobe カラーピッカーでは、HSB、RGB、Lab および CMYK の 4 つのカラーモデルを使用してカラーを選択します。Adobe カラーピッカーを使用して、描画色、背景色およびテキストカラーを設定することができます。様々なツール、コマンドおよびオプションのターゲットカラーを設定することもできます。

Adobe カラーピッカーを、web セーフパレットに含まれるカラーだけを選択できるように、または特定のカラーシステムからカラーを選択できるように設定できます。HDR(ハイダイナミックレンジ)ピッカーにアクセスして、HDR 画像で使用されるカラーを選択することもできます。

Adobe カラーピッカーのカラーフィールドには、HSB カラーモード、RGB カラーモードおよび Lab カラーモードのカラー値が表示されます。目的のカラーの数値がわかっている場合は、テキストフィールドに値を入力します。カラースライダーおよびカラーフィールドを使用して、選択したカラーをプレビューすることもできます。カラーフィールドおよびカラースライダーを使用してカラーを調整すると、それに応じて数値も変更されます。カラースライダーの右にあるカラーボックスでは、上半分に調整されたカラーが表示され、下半分に元のカラーが表示されます。Web セーフカラーではない場合は 、またはプリントの色域外(プリント不可能)の場合は の警告アイコンが表示されます。

Photoshop カラーピッカー
Adobe カラーピッカー

A. 選択したカラー B. 元のカラー C. 調整されたカラー D. 色域外警告アイコン E. 非 web セーフカラーの警告アイコン F. Web セーフカラーのみの表示 G. カラーフィールド H. カラースライダー I. カラー値 

注意:

Adobe カラーピッカーでカラーを選択した場合は、HSB、RGB、Lab、CMYK のカラー値と 16 進数の数値が同時に表示されます。これは、様々なカラーモデルでカラーがどのように指定されるかを表示する場合に便利です。

Photoshop の初期設定では Adobe カラーピッカーが使用されますが、環境設定によって Adobe カラーピッカー以外のカラーピッカーを使用することもできます。例えば、コンピューターのオペレーティングシステムに組み込まれているカラーピッカーや、サードパーティ製のプラグインカラーピッカーを使用することもできます。

カラーピッカーの表示

  • ツールパネルで、描画色を設定ボックスまたは背景色を設定ボックスをクリックします。
  • カラーパネルで、描画色を設定または背景色を設定ボックスをクリックします。

    特定の機能でカラーを選択できる場合にも、カラーピッカーを使用できます。例えば、特定のツールでオプションバーのカラーボックスをクリックした場合や、色調補正のダイアログボックスでスポイトツールをクリックした場合などです。

Adobe カラーピッカーによるカラーの選択

「HSB」、「RGB」および「Lab」テキストボックスにカラー値を入力するか、カラースライダーまたはカラーフィールドを使用することによって、カラーを選択できます。

カラースライダーとカラーフィールドを使用してカラーを選択するには、カラースライダー内をクリックするか、カラースライダーの三角形を動かして、カラーの構成要素の 1 つを設定します。次に、円形マーカーを動かすか、カラーフィールド内をクリックします。これによって、他の 2 つの構成要素が設定されます。

カラーフィールドおよびカラースライダーを使用してカラーを調整すると、様々なカラーモデルの対応する数値も変更されます。カラースライダーの右にあるボックスでは、上半分に新しいカラーが表示され、下半分に元のカラーが表示されます。Web セーフカラーではない場合は 、または色域外の場合は の警告アイコンが表示されます。

注意:

Adobe カラーピッカーの外側でカラーを選択できます。ポインターをドキュメントウィンドウに移動すると、ポインターがスポイトツールに変わります。ポインターが変わったら、画像内をクリックしてカラーを選択します。選択したカラーが、Adobe カラーピッカーに表示されます。画像内をクリックしてマウスボタンを押したままにすると、画面上の任意の場所にスポイトツールを移動することができます。マウスボタンを放すとカラーが選択されます。

HSB モデルを使用したカラーの選択

HSB カラーモデルを使用する場合、色相は、色環の位置に対応した 0 ~ 360 度の角度をカラーフィールドやカラースライダーで指定します。そして、彩度と明るさはパーセント値で指定します。カラーフィールドでは、色相の彩度は左から右へ向かうほど増加し、明るさは下から上へ向かうほど増加します。

  1. Adobe カラーピッカーでは、「H」オプションを選択して「H」テキストボックスに数値を入力するか、カラースライダーで色相を選択します。
  2. カラーフィールド内をクリックするか、円形マーカーを移動するか、または「S」ボックスと「B」ボックスに数値を入力して、彩度と明るさを調整します。
  3. (オプション)「S」オプションまたは「B」オプションを選択して、カラーの彩度または明るさをカラーフィールドに表示し、さらに調整を行います。

RGB モデルを使用したカラーの選択

カラーのレッド、グリーン、ブルーのカラー値を指定してカラーを選択します。

  1. Adobe カラーピッカーでは、「R」、「G」、「B」のテキストボックスに数値を入力します。各カラー値は 0 ~ 255 の範囲で指定します(0 は無色で、255 は純色です)。
  2. カラースライダーとカラーフィールドを使用して視覚的にカラーを選択するには、「R」、「G」、「B」のいずれかを選択し、スライダーおよびカラーフィールドを調整します。

    選択したカラーの構成要素がカラースライダーに表示されます。一番下が 0(選択したカラーを含まない)で、一番上が 255(選択したカラーの最大値)です。カラーフィールドには、他の 2 つの構成要素の範囲が水平軸と垂直軸にそれぞれ表示されます。

Lab モデルを使用したカラーの選択

Lab カラーモデルに基づいてカラーを選択する場合は、L 値でカラーの輝度を指定します。a 値は、カラーのレッドまたはグリーンの濃さを指定します。b 値は、カラーのブルーまたはイエローの濃さを指定します。

  1. Adobe カラーピッカーで、L 値(0 ~ 100)および a 値と b 値(-128 ~ +127)を入力します。
  2. (オプション)カラースライダーまたはカラーフィールドを使用してカラーを調整します。

CMYK モデルを使用したカラーの選択

各構成要素のカラー値をシアン、マゼンタ、イエローおよびブラックの割合で指定してカラーを選択できます。

Adobe カラーピッカーで、「C」、「M」、「Y」、「K」のパーセント値を入力するか、カラースライダーとカラーフィールドを使用してカラーを選択します。

16 進数値の指定によるカラーの選択

R、G、B の各構成要素のカラー値を定義した 16 進数値を指定することによって、カラーを選択できます。3 組の数値は 00(最小輝度)から ff(最大輝度)までの値で表現します。例えば、000000 はブラック、ffffff はホワイト、ff0000 はレッドです。

Adobe カラーピッカーで、「#」テキストボックスに 16 進数値を入力します。

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

HUD(Heads-Up-Display)カラーピッカーを使用すると、ドキュメントウィンドウでペイント中に画像のカラーを見ながらカラーを素早く選択できます。

注意:

HUD カラーピッカーを使用するには OpenGL が必要です(詳しくは、OpenGL の有効化と GPU 設定の最適化を参照してください)。

HUD カラーピッカーの種類の選択

  1. 編集/環境設定/一般(Windows)、または Photoshop/環境設定/一般(Mac OS)を選択します。

  2. HUD カラーピッカーメニューで、「色相 − 四角形」を選択して縦形のピッカーを表示するか、「色相 − 円形」を選択して円形のピッカーを表示します。

HUD カラーピッカーによるカラーの選択

  1. ペイントツールを選択します。

  2. Shift + Alt キーを押しながら右クリックするか(Windows)、Control + Option + Command キーを押します(Mac OS)。

  3. ドキュメントウィンドウ内でクリックしてピッカーを表示します。ドラッグして色相とシェードを選択します。

    注意:

    ドキュメントウィンドウをクリックしたら、押していたキーを放します。別の色相を選択しているときにスペースバーを押すと、選択したシェードが一時的に保持されます。同様に、シェードを選択しているときもスペースバーで色相を保持できます。

Photoshop HUD ピッカー
HUD ピッカーによるカラーの選択

A. シェード B. 色相 

注意:

画像内のカラーを選択するには、Alt キー(Windows)または Option キー(Mac OS)を押しながらスポイトツールにアクセスします。

Web セーフカラーの選択

Web セーフカラーは、プラットフォームの種類に関係なく、ブラウザーによって使用される 216 色です。8 ビットの画面で画像を表示する場合、画像内の色はすべてブラウザーによって web セーフカラーに変換されます。この 216 色は、Mac OS における 8 ビットカラーパレットのサブセットです。これらのカラーのみを使用すれば、web 用に作成した作品は、256 色で表示するよう設定されているシステム上ではディザが発生しません。

Adobe カラーピッカーでの web セーフカラーの選択

  1. Adobe カラーピッカーの左下隅にある「web セーフカラーのみに制限」オプションを選択します。このオプションを選択した状態で選択したカラーは、すべて web セーフです。

非 web セーフカラーから web セーフカラーへの変更

Web カラー以外のカラーを選択した場合は、Adobe カラーピッカー内のカラーボックスの横に立方体の警告記号 が表示されます。

  1. 立方体の警告アイコンをクリックして、最も近い web カラーを選択します。(立方体の警告アイコンが表示されない場合、選択したカラーは web セーフです)。

カラーパネルを使用した web セーフカラーの選択

  1. カラーパネルのタブをクリックするか、ウィンドウ/カラーを選択して、カラーパネルを表示します。
  2. Web セーフカラーを選択するためのオプションを選択します。
    • カラーパネルメニューから「web セーフカラーのランプを作成」を選択します。このオプションを選択した状態で選択したカラーは、すべて web セーフです。

    • カラーパネルメニューから「web カラースライダー」を選択します。初期設定では、web カラースライダーは、ドラッグすると web セーフカラー(目盛りマークで示されます)にスナップします。web セーフカラー選択を無効にするには、Alt キー(Windows)または Option キー(Mac OS)を押しながらスライダーをドラッグします。

    Web カラー以外のカラーを選択した場合は、カラーパネルの左側にあるカラーランプの上に立方体の警告記号 が表示されます。立方体の警告アイコンをクリックして、最も近い web カラーを選択します。

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

RGB、HSB および Lab カラーモデルの一部のカラーは、CMYK モデルでは色域外で、対応するカラーがないので、プリントすることができません。Adobe カラーピッカーまたはカラーパネルでプリントできないカラーを選択した場合は、三角形の警告アイコンが表示されます。三角形の警告アイコンの下に最も近い CMYK カラーが表示されます。

注意:

カラーパネルで、web カラースライダーを使用している場合は、三角形の警告アイコンは表示されません。

  1. 最も近い CMYK カラーを選択するには、カラーピッカーダイアログボックスまたはカラーパネルで、三角形の警告アイコン  をクリックします。

    プリント可能カラーは、カラー設定ダイアログボックスで定義した現在の CMYK 作業用スペースによって決定されます。

スポットカラーの選択

Adobe カラーピッカーを使用すると、Trumatch® Swatching System™、Focoltone® Colour System、ANPA-Color™ システム、HKS® カラーシステムおよび DIC カラーガイドからカラーを選択できます。

最終プリント出力を思いどおりのカラーに仕上げるには、プリンターまたは外部の出力サービスセンターに問い合わせて、プリントカラー色見本に基づいてカラーを選択します。メーカーは、インキの褪色およびその他の損傷を補正するため、毎年新しい色見本を入手するよう推奨しています。

注意:

Photoshop では、ダブルトーン以外のすべての画像モードで、スポットカラーを CMYK(プロセスカラー)版にプリントします。スポットカラーの版をプリントするには、スポットカラーチャンネルを作成します。

  1. Adobe カラーピッカーを開いて、「カラーライブラリ」をクリックします。

    カスタムカラーダイアログボックスに、Adobe カラーピッカー内で現在選択されているカラーに最も近いカラーが表示されます。

  2. 「ライブラリ」でカラーライブラリを選択します。カラーライブラリについて詳しくは、後の説明を参照してください。
  3. インキ番号を入力するか、またはスクロールバーに沿って三角形をドラッグして、目的のカラーを見つけます。
  4. リスト内で目的のカラーパッチをクリックします。

スポットカラーライブラリ

Adobe カラーピッカーでは、次のカラーシステムをサポートしています。

ANPA カラー

新聞関係のアプリケーションで主に使用されます。『ANPA-COLOR ROP Newspaper Color Ink Book』には、ANPA カラーのサンプルが掲載されています。

DIC カラーガイド

日本の印刷プロジェクトで主に使用されます。詳しくは、DIC 株式会社にお問い合わせください。

FOCOLTONE カラー

763 色の CMYK カラーで構成されています。FOCOLTONE カラーを使用すると、カラーを構成しているオーバープリントを表示することによって、プリプレストラップおよび登録問題を回避することができます。プロセスカラーと特色の仕様を記載したスウォッチブック、オーバープリントチャート、レイアウトを構成するチップブックが Focoltone 社から発行されています。詳しくは、イギリスのスタッフォードの Focoltone International, Ltd. にお問い合わせください。

HKS 色見本

ヨーロッパの印刷プロジェクトに主に使用されます。各カラーには、指定 CMYK 対応カラーがあります。HKS E(連続印字用紙)、HKS K(グロスアート紙)、HKS N(自然紙)および HKS Z(新聞用紙)から選択できます。各スケール用のカラーサンプラーが用意されています。HKS Process のブックおよび色見本が、カラーシステムメニューに追加されました。

TRUMATCH カラー

コンピューターで作成可能な 2,000 以上のカラーと一致する、予測可能な CMYK カラーを提供します。TRUMATCH カラーは、CMYK 色域の可視スペクトルを等間隔で選択したカラーです。Trumatch Color は、各色相の色味およびシェードを 40 まで表示します。それぞれが、元は 4 色プロセスで作成され、電子イメージセッタ内で 4 色で再生可能です。また、異なる色相を使用した 4 色グレーも含まれます。詳しくは、米国ニューヨーク州ニューヨーク市の Trumatch Inc. にお問い合わせください。


 Adobe

ヘルプをすばやく簡単に入手

新規ユーザーの場合

Adobe MAX 2025

Adobe MAX Japan
クリエイターの祭典

2025 年 2 月 13 日
東京ビッグサイト