カラーを選択
#f0f0f0
≈ Gallery
色覚シミュレーター
異なるタイプの色覚異常を持つ人々が色をどのように認識するかを確認し、よりアクセシブルなデザインを作成します。色の認識を理解することで、コンテンツが誰にとってもアクセスしやすくなります。
影響
男性の8％、女性の0.5％が何らかの形の色覚異常を持っています。
タイプ
赤緑色覚異常が最も一般的で、赤と緑の見え方に影響します。
より良いデザイン
情報を伝えるために、色と一緒にコントラストやパターンを使用しましょう。
元の色
#f0f0f0
Gallery
これは通常の色覚での色の見え方です。
赤緑色覚異常（プロタノピア）
プロタノピア
男性の1.3%、女性の0.02%
見え方
#f0f0f0
プロタノマリー
男性の1.3%、女性の0.02%
赤緑部分色覚異常（デュータノピア）
デュータノピア
男性の1.2%、女性の0.01%
見え方
#f0f0f0
デュータノマリー
男性の5%、女性の0.35%
青黄色覚異常（トリタノピア）
トリタノピア
男性の0.001%、女性の0.03%
見え方
#f0f0f0
トリタノマリー
人口の0.0001%
完全な色覚異常
全色盲
人口の0.003%
見え方
#f0f0f0
アクロマトマリー
人口の0.001%
注意: これらのシミュレーションは概算です。同じタイプの色覚異常を持つ人でも実際の色の見え方は異なる場合があります。.
色覚異常を理解する
色のアクセシビリティをテストしてインクルーシブなデザインを作成
色覚異常は世界中で約12人に1人の男性と200人に1人の女性に影響を与えています。このシミュレーターは、デザイナー、開発者、コンテンツクリエイターが色覚異常のある人々にどのように色が見えるかを理解するのに役立ちます。
さまざまな色覚異常のシミュレーションを通じて色をテストすることで、すべてのユーザーにとってアクセシブルで効果的なデザインを確保できます。このツールは、プロタノピア、デューテラノピア、トリタノピア、完全な色覚異常を含む最も一般的な色覚異常のタイプをシミュレートします。
なぜ重要なのか
情報を伝える手段として色だけに頼るべきではありません。このシミュレーターでテストすることで、潜在的な問題を特定できます。
使用例
UIデザイン、データビジュアライゼーション、ブランディング、色の区別に依存するあらゆるビジュアルコンテンツに最適です。