Colorblind Simulator

使い方

1. 画像をアップロードするか、テストカラーを選んで「色を適用」でキャンバスを塗りつぶします。
2. 元画像と P 型・D 型・T 型の 3 パネルを比較します。
3. 色覚の違いで同じ色に見えるペアを見つけたら、それらを区別の唯一の手段にしない設計へ修正します。
4. キャンバスをクリアして、次のサンプルを試します。

よくある用途

• UI パレットの確認 — 成功状態とエラー状態が色相のヒントなしでも区別できるか検証。
• グラフのレビュー — 隣接する系列が色覚異常の読者にも分離できるか確認。
• ブランド素材の監査 — ロゴやバナーが 3 種類の色覚でどう見えるか把握。
• 文字背景の選定 — 色相の違いだけでなくコントラストが維持されるか確認。

よくある質問

Q: シミュレーションの精度は？ A: 公表されている RGB→LMS 近似行列を使用し、一般的な赤緑・青黄色覚異常を忠実に再現します。ただし個人の色覚には幅があるため、臨床的な再現ではなくデザイン補助としてお使いください。

Q: どの色空間で計算していますか？ A: sRGB のキャンバスピクセル値に直接変換を適用します。デザイン向けシミュレーターの一般的な方式で、完全な分光モデルに対しては簡略化です。

Q: 大きな画像は扱えますか？ A: 画像はシミュレーション前に 320 x 240 のキャンバスへ縮小され、ピクセル処理を高速に保ちます。パレット確認に必要な色の関係はほぼ保たれます。