色覚シミュレーター

色覚シミュレーターとは？

色覚シミュレーターは、特定の色覚特性を持つ人がどのように見えるかを画像として再描画する、無料のブラウザ内ツールです。一般的な3つの二色覚——1型（赤の弱さ）、2型（緑の弱さ）、3型（青の弱さ）——に加え、完全な単色（グレースケール）表示である全色盲にも対応します。デザイナー・開発者・アクセシビリティのレビュー担当者は、グラフや UI の状態表示、ステータスカラー、インフォグラフィックが、色だけで意味を伝えているときにも理解できるかを確認するために使います。男性のおよそ12人に1人が何らかの色覚特性を持つため、公開前にこうした見え方をシミュレートすることで、色のコントラストに頼りすぎてその差が一部の利用者には消えてしまうデザインを見つけ出せます。

色覚シミュレーターの使い方

1. アップロード領域に画像をドラッグするか、クリックして端末から PNG・JPG・WebP ファイルを選びます。
2. 「色覚タイプ」のドロップダウンを開き、1型・2型・3型・全色盲のいずれかを選びます（「なし」を選ぶと未変更の原画像が表示されます）。
3. シミュレート結果のプレビューが原画像の隣で自動的に更新され、左右に並べて比較できます。
4. 任意のプレビューをクリックすると拡大できるライトボックスで開き、細部まで確認できます。
5. 「ダウンロード」でシミュレート画像を PNG として保存するか、「リセット」で消去して別の画像を試します。

使用例

よくある質問

どの種類の色覚特性をシミュレートできますか？

標準的な RGB 変換行列を用いて1型（赤）・2型（緑）・3型（青）をシミュレートし、さらに画像を輝度ベースのグレースケールへ変換する全色盲にも対応します。「なし」を選ぶと原画像はそのまま変更されません。

私の画像はサーバーにアップロードされますか？

いいえ。シミュレーションは HTML キャンバスを使ってすべてブラウザ内で完結します。ファイルが端末から出ることはなく、どのサーバーにも送信されないため、オフラインでも動作し、非公開の画像のプライバシーが保たれます。

どの画像形式と出力が使えますか？

PNG・JPG・WebP など一般的なラスター画像を読み込めます。シミュレート結果は常に PNG で書き出され、透明度がある場合はそれが保持されます。

シミュレーションの精度はどの程度ですか？

よく知られた線形カラー行列による近似を用いており、UI やグラフィックにおける色への依存の問題を見つけるのに最適です。これは実用的なデザイン補助であり、臨床的・医学的な診断ツールではないため、結果は個人の見え方の正確な再現ではなく目安として扱ってください。

なぜシミュレート後の色がくすんだり、ずれたりするのですか？

各特性は1つの錐体の応答を取り除くか弱めるため、そのチャンネルに依存する色は残りの色へ寄っていきます。異なる色相が似た色調にまとまるこの現象こそ、公開前に検出したい効果です。