色覚シミュレーター

画像と色覚の型を選ぶと、赤または緑の錐体を持たない人にどう見えるかを、2009年の Machado、Oliveira、Fernandes のモデルに従って表示します。画像は端末の中にとどまります。

無料 ブラウザで動作 2026年11月11日水曜日確認済み

このツールはブラウザ内で動作します。入力した内容が当社に送信されることはありません。

使い方

  1. ファイルを選択を押して画像を選ぶか、枠にドロップします。左に元の画像が表示されます。
  2. 色覚の型を選びます。1型2色覚か2型2色覚です。
  3. シミュレーションしてダウンロードを押します。右にシミュレーション後の画像が表示され、JPEGがダウンロードされます。

モデルと2つの行列

色は、Machado、Oliveira、Fernandes の論文「A Physiologically-based Model for Simulation of Color Vision Deficiency」(2009年、IEEE Transactions on Visualization and Computer Graphics)のモデルから求めます。モデルは、目の中の3種類の光受容体である錐体を扱います。2色覚では1種類が欠けています。著者らは重症度の尺度を示しており、重症度1.0は錐体の1種類が完全に失われた状態で、2色覚にあたります。このツールは、著者らの表1にある1型と2型の1.0の値だけを使います。

各値は3行3列の行列です。画像の赤、緑、青にこの行列を掛けると、見える色になります。行列の各行の和は1なので、灰色や白は灰色や白のままです。論文は、行列がどの色空間で使われるかを示していません。このツールは、sRGBの画像をまず線形光に変換し、そこで行列を適用してからsRGBに戻します。この選択はツール独自のものです。

シミュレーションしないもの

青の錐体がない3型2色覚は選べません。論文の第4節は、このモデルが3型2色覚を扱うことを意図していないと述べており、青の錐体の値は3型色覚異常を近似したずれにすぎません。それを示すツールは、出典が支えている以上に信頼できるように見えてしまいます。

赤と緑の弱い型(異常3色覚)と、完全な色盲は含みません。このモデルは典型的な観察者の予測であり、医学的な検査ではありません。特定の人が見る色は、これと違うことがあります。

計算例:純粋な赤、2型2色覚の場合

純粋な赤は、sRGBで255, 0, 0で、線形光では (1, 0, 0) です。赤の2型2色覚の行は、赤の出力に0.367322を与え、sRGBでは163になります。緑の出力は0.280085で、144になります。青の出力は −0.01182で、0に切り詰められます。したがって、シミュレーション後の赤は (163, 144, 0) で、暗いオリーブ色になります。ツールは、この色をそのままシミュレーションした画像に書き込みます。

よくある質問

シミュレーションすると、画像はアップロードされますか?

いいえ。ブラウザが画像を読み取り、画素ごとにシミュレーション後の色を計算し、JPEGを端末の中で書き出します。ページを読み込んだ後にインターネット接続を切り、小さい画像をシミュレーションして確かめられます。

シミュレーションは、色覚の人が見る色を正確に示しますか?

いいえ。1つの錐体の型を完全に失った典型的な人について、モデルが予測したものです。色覚の型の人々は、互いにも、このモデルとも違うので、画像がまだ機能するかを確かめるために使い、診断には使わないでください。

なぜ3型2色覚は一覧にないのですか?

論文は、このモデルが3型2色覚を扱うことを意図していないと述べており、青の錐体の値はずれを近似したものです。このツールは、出典が支えない結果を示すより、3型2色覚を外しています。

なぜツールは線形光を使うのですか?

論文は、色空間を示さずに行列を与えています。モデルは錐体が反応する光を扱うため、ツールはまずsRGBの画像を線形光に変換し、行列を適用してから戻します。別の選択をすると、色がいくらか変わります。

デザインを確かめるには、どの設定を使えばよいですか?

1型2色覚と2型2色覚を順に選び、意味の違う2つの色が見分けにくくなる場所を探してください。シミュレーション後の画像は、色だけで情報を伝えている場所を示します。

出典

数値と文章の最終確認日:2026年11月11日水曜日。

当サイトの運営に必要なCookieを使用します。お客様の同意があれば、Googleは広告用Cookieを使い、パーソナライズ広告を表示します。拒否された場合も広告は表示されますが、パーソナライズはされません。