色を選ぶ
#00ff00
Green
失明シミュレーター
よりアクセシブルなデザインを作成するために、さまざまなタイプの色覚異常者が色をどのように知覚するかをチェックしよう。色の知覚を理解することは、あなたのコンテンツが誰にとってもアクセシブルであることを保証するのに役立つ。
インパクト
男性の8%、女性の0.5%に何らかの色覚異常がある。
種類
赤と緑の知覚に影響を及ぼす赤緑盲が最も一般的である。
より良いデザイン
情報を伝えるために、色とともにコントラストとパターンを使う。
オリジナルカラー
#00ff00
Green
通常の色覚ではこのように見える。
赤緑盲（原始視）
プロタノピア
男性の1.3%、女性の0.02
どのように見えるか
#b0b187
プロタノマリー
男性の1.3%、女性の0.02
赤緑部分視（重眼視）
デューテラノピア
男性の1.2%、女性の0.01
どのように見えるか
#a59595
デューテラノマリー
男性の5%、女性の0.35
青黄盲（トリタノピア）
トリタノピア
男性の0.001%、女性の0.03
どのように見えるか
#3fb0b7
トリタノマリー
人口の0.0001
完全色覚異常
色視症
人口の0.003
どのように見えるか
#dcdcdc
アクロマートマリー
人口の0.001
注：これらのシミュレーションは近似値である。実際の色知覚は、同じタイプの色覚異常者でも個人差がある。.
色覚異常を理解する
色のアクセシビリティをテストして、インクルーシブなデザインを作成する
色覚異常は、世界中で男性の約12人に1人、女性の約200人に1人が罹患している。このシミュレータは、デザイナー、開発者、コンテンツ制作者が、様々な色覚異常を持つ人々に、自分たちの色の選択がどのように見えるかを理解するのに役立つ。
さまざまな色覚シミュレーションで色をテストすることで、すべてのユーザーにとってアクセシブルで効果的なデザインにすることができる。このツールは、プロタノピア、デュータノピア、トリタノピア、完全色覚異常など、最も一般的なタイプの色覚異常をシミュレートする。
なぜそれが重要なのか
色だけで情報を伝えることは決してあってはならない。このシミュレーターを使ったテストは、潜在的な問題を特定するのに役立つ。
使用例
UIデザイン、データビジュアライゼーション、ブランディング、色の差別化が必要なあらゆるビジュアルコンテンツに最適だ。