使い方
- ファイルを選択を押して画像を選ぶか、枠にドロップします。左に元の画像が表示されます。
- 色覚の型を選びます。1型2色覚か2型2色覚です。
- シミュレーションしてダウンロードを押します。右にシミュレーション後の画像が表示され、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つの色が見分けにくくなる場所を探してください。シミュレーション後の画像は、色だけで情報を伝えている場所を示します。
出典
- Machado、Oliveira、Fernandes(2009年): A Physiologically-based Model for Simulation of Color Vision Deficiency(論文、PDF、英語)
- 著者のページ:重症度の行列、表1(2026年11月11日に確認、英語)
数値と文章の最終確認日:2026年11月11日水曜日。