色弱のソフト校正

Last updated on 2026年10月29日

内蔵の「色弱」校正を使って、デスクトップ版 Adobe Photoshop でデザインが色覚特性に関するアクセシビリティの標準を満たしているか確認する方法を学びましょう。

Color Universal Design (CUD) は、色弱のある人を含むさまざまな種類の色覚を持つ人に対して、グラフィックが効果的に情報を伝えられるようにします。多くの国では、公共空間で CUD に準拠したグラフィックを求めるガイドラインがあり、アクセシビリティの確認はデザインプロセスに欠かせない要素になっています。

Photoshop の色弱ソフト校正では、最も一般的な 2 種類の色覚特性である protanopia (赤に対する感度の低下) と deuteranopia (緑に対する感度の低下) の人に、デザインがどのように見えるかをシミュレートできます。

色弱のある人の約 3 分の 1 は強い色覚特性を経験し、それ以外の人はより軽度の特性です。protanopia と deuteranopia の両方のシミュレーションでデザインを確認して、CUD 準拠を確実にしましょう。

色弱の校正を設定

Photoshop でドキュメントを開きます。

ドキュメントで RGB モードが使用されていることを確認するには、画像/モード/RGB カラー を選択します。

表示/色の校正設定/色弱 を選択し、次に P 型 (2 型) 色覚 または D 型 (1 型) 色覚 のいずれかを選択します。

表示/色の校正 を選択して、ソフト校正表示のオンとオフを切り替えます。

ソフト校正がアクティブなときは、色の校正 の横にチェックマークが表示され、校正タイプ名がドキュメントウィンドウの上部に表示されます。完全な CUD 準拠を確認するには、P 型 (2 型) 色覚と D 型 (1 型) 色覚の両方の校正でデザインをテストします。

元のドキュメントとソフト校正を同時に表示して、問題のある色の組み合わせを見つけやすくするには、ウィンドウ/アレンジ/新規ウィンドウ を選択します。

色弱向けにデザインを調整

デザイン内の要素が色弱校正では区別しにくい場合は、次の調整を 1 つ以上試してください:

色の選択を変更

  • 純粋な赤は、色弱の見え方でもより明確に見える赤みのあるオレンジ系のトーンに置き換えます。
  • 黄みのある緑の代わりに青みのある緑を使うと、混同を減らせます。
  • 赤と緑、黄と明るい緑、水色とピンク、濃い青と紫の組み合わせは避けます。
  • 赤い要素は暗い背景から離して配置します。
  • 白い要素を黄色または赤みのあるオレンジの背景の上に配置しないようにします。
  • グレーは、マゼンタ、薄いピンク、薄い緑、エメラルドグリーンと似て見える場合があるので注意してください。

視覚的な差別化を加える

  • 隣接する色の付いた領域に、異なるパターンやテクスチャを適用します。
  • 色だけでなく、異なる形状を使って情報を伝えます。
  • 色の境界に白、黒、または濃い色のボーダーを追加して、区別しやすくします。
  • フォントファミリーやスタイル(太字と標準の太さなど)を変えて、さらにコントラストを付けます。

色調補正を行った後、ソフト校正のオンとオフを切り替えて、元の表示と色弱の人向けの表示を比較してください。変更によってデザインの意図を損なうことなく、アクセシビリティが向上していることを確認してください。色弱プルーフを印刷して、デザインが実際の印刷物でどのように見えるかを評価できます。