色覚シミュレーター
端末内で動作し、何も送信されません。画像は端末から出ません。ブラウザ内で処理されます。
画像をここにドロップ、またはクリックして選択
写真、スクリーンショット、グラフ、デザイン - JPG、PNG、WebP、GIF
写真、グラフ、デザインを色覚多様性のある人の見え方で確認。P型・D型・T型などを並べて比較できます。アップロード不要。
デザイン、グラフ、地図、写真が、男性の約 12 人に 1 人、女性の約 200 人に 1 人いる色覚多様性のある人にも伝わるかを確認しましょう。画像をドロップすると、D型・P型・T型の 2 色覚と 1 色覚での見え方を、まとめて、または前後比較スライダーで 1 つずつ確認できます。強さを下げると最も多い弱いタイプも表示でき、どの表示も PNG で保存できます。シミュレーションはブラウザの開発者ツールと同じ Machado (2009) モデルを使い、画像が端末の外に出ることはありません。
よくある質問
シミュレーションはどのくらい正確？
Chrome や Firefox の開発者ツールと同じ、Machado・Oliveira・Fernandes (2009) の生理学的モデルを線形 RGB で適用しています。特定の人の見え方を完全に再現することはできませんが（色覚には個人差があります）、どの色が見分けにくくなるかは確かに示せます。
2色覚と3色覚（色弱）の違いは？
2 色覚では 3 種類の錐体のうち 1 つがありません。異常 3 色覚では錐体はありますが感度がずれていて、色が消えるのではなく弱くなります。異常 3 色覚のほうがずっと多く、D 型だけで男性の約 5% にあたります。
色覚に配慮したデザインにするには？
色だけに頼らず、文字ラベル、模様、アイコン、線の種類を加えましょう。意味を持たせる赤/緑や緑/茶の組み合わせは避け、大事な色どうしは明るさに差をつけ、青/オレンジのような配色を選びます。最後にここで各タイプを確認してください。
画像はアップロードされますか？
いいえ。画像は canvas API でブラウザ内で開いて処理します。サーバーには何も送らず、読み込み後はオフラインでも使えます。