# 色覚シミュレーター

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ほどのマスタード色になります。

### 画像全体を確認できますか？

いいえ。このツールは色の値を対象としているため、パレットやデザイントークンをすばやく正確に確認できます。デザインやグラフの主要な色を選んでここに貼り付けると、シミュレーション結果を列ごとに並べて比較できます。

ここに広告を掲載しませんか？

[メールでお問い合わせ](mailto:hi@dennn.is?subject=OneClick%20Pro%E3%81%A7%E3%81%AE%E5%BA%83%E5%91%8A%E6%8E%B2%E8%BC%89)

[広告 WordPress向けのエージェント対応プラグインスイート。](https://sleekwp.com/?ref=oneclickpro)