色覚シミュレーター
この色覚シミュレーターは、選んだ色が protanopia、deuteranopia、tritanopia、achromatopsia でどう見えるかを、タイプごとのシミュレーション後の HEX 値とともに表示します。
このツールについて
この色覚シミュレーターは、選んだ色が protanopia、deuteranopia、tritanopia、achromatopsia でどう見えるかを、タイプごとのシミュレーション後の HEX 値とともに表示します。
使い方
- テストしたい色を選びます。
- 通常の見え方の色見本と、4 つのシミュレーション結果の色見本を比べます。
- シミュレーション後の HEX コードを確認し、重要な色同士が区別できるかをチェックします。
知っておきたいこと
- 赤緑色覚異常は、北欧系の男性の約 8%、女性の約 0.5% にみられます。
- Protanopia（1 型）は赤（L）錐体の機能がなく、deuteranopia（2 型）は緑（M）錐体の機能がありません。
- 青黄色覚異常である tritanopia（3 型）はまれです。
- 全色盲である achromatopsia は非常にまれで、グレーの濃淡しか見えません。
- シミュレーションは変換行列に基づく近似であり、一人ひとりの見え方をすべて再現できるわけではありません。
すべてブラウザ内で動作します。入力した内容がアップロード・保存されることはありません。
よくある質問
最も多い色覚異常のタイプは何ですか？
緑への感度が低下する deuteranomaly（2 型 3 色覚）が最も多くみられます。赤緑色覚異常を合わせると、大多数を占めます。
色覚異常のあるユーザー向けにはどうデザインすればよいですか？
色だけに頼らず、ラベル、アイコン、パターン、位置を加えましょう。重要な色の組み合わせに十分な明度差があるかを確認してください。明度差はどのタイプの色覚異常でも保たれます。
赤緑色覚異常で区別しにくい色は？
赤と緑、緑と茶色、青と紫がよく問題になる組み合わせで、特に明度が近い場合に区別しにくくなります。
このシミュレーターは正確ですか？
デザインのチェックに十分な近似が得られる標準的な変換行列を使っています。実際の見え方は人や程度によって異なります。