色覚特性のある人に色がどう見えるか確認する

やりたいこと

赤/緑のステータスバッジ・グラフの系列色・地図の凡例は、多くの読者にとって同じ色相に潰れてしまうことがあります。P型・D型・T型でシミュレートすると、残る区別と消える区別が分かります。

使い方

画像（UIのスクリーンショットや書き出したグラフ）をドロップし、型を選んで、シミュレートされたPNGを元画像と比較します。重要な確認は、ホバーやラベルを読まなくてもステータス色や系列を区別できるかです。

• P型とD型は一般的な赤緑の混同、T型（青黄）は稀です。
• 2色が潰れる場合は、別の色ではなく形・パターン・直接のラベルで区別します。
• コントラストは別問題として、テキストはcontrast-checkerでWCAG比を確認します。

具体例

「正常」を緑・「停止」を赤で示すダッシュボードは、D型では両方が同じオリーブ色に見えます。シミュレーションはその曖昧さを即座に示し、各バッジにアイコンを添えるだけで再デザインなしに解決します。

注意点

行列は完全なP型・D型・T型の近似であり、部分型（P型異常三色覚など）はより軽度でモデル化していません。描画された画像へのピクセル単位の数学変換であり、個々人の知覚を保証するものではありません。PNG・JPG・WebP、25 MiBまで。出力はPNGです。