Tool Hub

Color Blind Simulator

Simulate Protanopia, Deuteranopia, and Tritanopia color vision deficiencies via canvas matrix transform

使い方

  1. アップロードボタンをクリックして画像をアップロードします。
  2. 色覚異常のタイプを選択します: 赤色盲 (Protanopia)、緑色盲 (Deuteranopia)、または青色盲 (Tritanopia)。
  3. 元の画像とシミュレーションされた出力画像を比較して、区別しにくい色のペアを特定します。
  4. シミュレートされた PNG をダウンロードして、チームメイトと共有したり、アクセシビリティレポートに含めたりします。
  5. すべての処理はブラウザで実行され、何も送信されません。

  • 赤と緑のバーを使用するチャートをアップロードしてから Deuteranopia を選択すると、両方のバーがほぼ同じ明るさで表示されます。これは、パターンまたはラベルを追加する必要があることを強く示しています。
  • UI スクリーンショットを Tritanopia シミュレーションで実行すると、青いボタンと灰色の無効状態が視覚的に区別できなくなります。

本番環境で使用する前に出力を検証してください。保証なし — 詳細は 利用規約.