色覚シミュレーター
1型色覚、2型色覚、3型色覚、全色盲の人に色がどのように見えるかをシミュレーションできます。最大100色を貼り付けると、色覚の種類ごとの16進値を表で確認できます。culoriに含まれるMachado、Oliveira、Fernandesのモデルで計算し、軽度の異常型には重症度設定も用意しています。配色、グラフ、地図、ステータス色の公開前チェックに便利です。
よくある質問
どの種類の色覚異常をシミュレーションできますか？
1型色覚（赤錐体が機能しない）、2型色覚（緑錐体が機能しない）、3型色覚（青錐体が機能しない）、全色盲（色覚がない）をシミュレーションできます。重症度が100%未満の場合、各列は異常型の名称である1色覚、2色覚、3色覚、杆体1色覚として表示されます。
どのモデルが使われていますか？
3種類の錐体については、Machado、Oliveira、Fernandesによる生理学的モデル（2009）と、culoriに含まれる事前計算済みの行列を使用しています。モデルの仕様に従い、行列は線形光のRGBに適用してから、結果をsRGBに戻します。全色盲では、各色を同じ相対輝度の灰色に置き換えます。
重症度設定では何が変わりますか？
100%では完全な二色型色覚をシミュレーションし、それより低い値では異常型をシミュレーションします。0%では元の色が表示されます。Machadoの行列は10%刻みで公開されているため、値は最も近い10%に丸められます。全色盲では、線形光で色とその灰色との間を重症度に応じて混合します。
色を入力するにはどうすればよいですか？
1行に1色ずつ入力するか、1行に複数の色を入力し、カンマまたはセミコロンで区切ってください。rgb()またはhsl()内のカンマでは分割されません。#の有無を問わない16進コード、CSS色名、rgb()、hsl()、hwb()、lab()、lch()、oklab()、oklch()、color()、cmyk()を使用できます。1回の実行で最大100色をチェックできます。
シミュレーションの精度はどの程度ですか？
標準的なsRGBディスプレイでの、二色型色覚の平均的な見え方を近似します。実際の色覚には個人差があり、ディスプレイの調整状態や周囲の光によっても、見え方は変わります。互いに区別しにくくなる色を見つけるために使用し、医療検査としては使用しないでください。
こうした色覚異常はどのくらい一般的ですか？
赤緑色覚異常である1型色覚と2型色覚は、北欧系の男性の約8%、女性の約0.5%に見られ、最も一般的なのは2色覚異常です。3型色覚と全色盲はまれで、それぞれ10,000人に1人以下の割合です。
2色が同じに見える場合はどうすればよいですか？
色相だけでなく明度も変えてください。明度の違いは、どの種類の色覚特性でも保たれます。また、色が意味を伝える場合は、WCAGの達成基準1.4.1が求めているように、ラベル、アイコン、パターン、位置など、もう1つの手がかりも加えてください。
透明色や広色域の色はどうなりますか？
鮮やかなDisplay P3やOKLCHの値など、sRGBの範囲外の色は、まずCSS Color 4アルゴリズムでsRGBにマッピングされます。アルファ値は結果にも引き継がれるため、半透明の入力では8桁の16進カラーコードになります。
1型色覚では、純粋な赤がなぜオリーブ色になるのですか？
1型色覚の人は長波長の錐体を持たないため、赤はかなり暗く見え、黄褐色に近づきます。このモデルでは、#ff0000は#6d5f00ほどの暗いオリーブ色になります。一方、2型色覚ではより明るさが保たれ、#a39000ほどのマスタード色になります。
画像全体を確認できますか？
いいえ。このツールは色の値を対象としているため、パレットやデザイントークンをすばやく正確に確認できます。デザインやグラフの主要な色を選んでここに貼り付けると、シミュレーション結果を列ごとに並べて比較できます。