無料Webツール

色覚特性シミュレーター

画像を1型・2型・3型色覚や全色盲に近い見え方へ簡易変換して確認します。

入力と設定

使い方

画像の色が、代表的な色覚特性の近似モデルではどう見えやすいかをプレビューします。配色の区別が色だけに依存していないかを確認するための補助ツールです。

  1. 確認したい画像を選びます。
  2. Protanopia / Deuteranopia / Tritanopia / Achromatopsiaから近似モードを選びます。
  3. 変換画像を見て、情報の区別が消えていないかを確認します。必要ならPNGで保存します。

これは医学的な「見え方の再現」ではありません

このツールはRGBへ一般的な近似行列を掛けた簡易シミュレーションです。個人ごとの見え方を正確に再現したり、診断したりするものではありません。

目的は「この配色、色が変わると区別できなくならないか」を早く見つけることです。判定結果そのものを医療的な意味で使わないでください。

色だけで意味を分けていないかを見るのが大事です

グラフの赤と緑、OKとNG、選択済みと未選択などを色だけで区別すると、シミュレーションで差が小さくなることがあります。

色に加えて文字、アイコン、線種、形、ラベルなど別の手掛かりも残っているかを見ると、実際の改善につながります。

コントラスト基準とは別の確認です

色覚シミュレーションで区別できても、文字と背景の明暗差が足りない場合があります。逆にコントラスト比を満たしていても、グラフ系列同士の色が似て見えることがあります。

文字やUIの明暗差はWCAGコントラスト比チェックで別に確認してください。

4モードを順番に見ると弱い配色を見つけやすいです

1つのモードだけで問題がないから、すべての利用者に問題がないとは限りません。主要なモードを切り替えて、重要な情報がどこかで消えないかを見ます。

改善するときは「元の色に近づける」より、情報を色以外でも伝える設計へ寄せる方が堅実です。