無料オンライン色覚シミュレーター

写真やデザインが色覚異常の方の目にどう映るかをプレビュー

画像をアップロード

処理はブラウザ内で完結。画像はアップロードされません。

シミュレートする画像をアップロード

(ドラッグ&ドロップ、クリップボードから貼り付け可)

シミュレートする画像をアップロード
第一色盲(Protanopia)
第一色弱(Protanomaly)
第二色盲(Deuteranopia)
第二色弱(Deuteranomaly)
第三色盲(Tritanopia)
第三色弱(Tritanomaly)
全色盲(Achromatopsia)

結果

色覚シミュレーション結果
色覚シミュレーション処理中

Other tools you may like

画像をアップロードすると、色覚異常(CVD)の方に見える様子を即座にシミュレート。第一色盲・第二色盲・第三色盲、異常三色視、全色盲に対応。Brettel-Viénot-Mollon(1997)モデルを使用。処理はブラウザ内で完結し、画像はサーバーに送信されません。

対応する色覚タイプ

  • 第一色盲・第一色弱 — L錐体欠損(赤緑色覚異常で最多)
  • 第二色盲・第二色弱 — M錐体欠損(赤緑色覚異常)
  • 第三色盲・第三色弱 — S錐体欠損(まれ)
  • 全色盲 — 完全な色覚喪失(グレースケール)
  • 原画とシミュレーションを並べて比較
  • 完全プライベート — ブラウザ内のみで処理

使い方

  • 画像をアップロード、ドラッグ&ドロップ、またはクリップボードから貼り付け
  • 色覚タイプを選択(例:第二色盲 deuteranopia)
  • シミュレーションは自動更新。必要に応じて再レンダリング
  • 原画とシミュレーションを左右で比較
  • シミュレーション画像をJPGでダウンロード

デザイン・アクセシビリティのヒント

  • 公開前にUIやインフォグラフィックをテスト—色だけに頼らない
  • 第二色盲は男性の約6%—赤緑の確認は deuteranopia を優先
  • 色覚テストやカラーピッカーと併用して総合チェック
  • シミュレーションは近似値。照明やディスプレイで個人差あり