色覚異常シミュレーター

異なるタイプの色覚異常を持つ人々にあなたの色がどのように見えるかを視覚化

カラーを選択

HEX

#00ffff

Cyan / Aqua

色覚シミュレーター

異なるタイプの色覚異常を持つ人々が色をどのように認識するかを確認し、よりアクセシブルなデザインを作成します。色の認識を理解することで、コンテンツが誰にとってもアクセスしやすくなります。

影響

男性の8%、女性の0.5%が何らかの形の色覚異常を持っています。

タイプ

赤緑色覚異常が最も一般的で、赤と緑の見え方に影響します。

より良いデザイン

情報を伝えるために、色と一緒にコントラストやパターンを使用しましょう。

元の色

#00ffff

Cyan / Aqua

これは通常の色覚での色の見え方です。

赤緑色覚異常(プロタノピア)

プロタノピア

男性の1.3%、女性の0.02%

56%

見え方

#b0b1ff

プロタノマリー

男性の1.3%、女性の0.02%

71% 類似
オリジナル
#00ffff
シミュレーション
#77d5ff

赤緑部分色覚異常(デュータノピア)

デュータノピア

男性の1.2%、女性の0.01%

56%

見え方

#a595ff

デュータノマリー

男性の5%、女性の0.35%

71% 類似
オリジナル
#00ffff
シミュレーション
#7ce0ff

青黄色覚異常(トリタノピア)

トリタノピア

男性の0.001%、女性の0.03%

86%

見え方

#3fffff

トリタノマリー

人口の0.0001%

88% 類似
オリジナル
#00ffff
シミュレーション
#33ffff

完全な色覚異常

全色盲

人口の0.003%

47%

見え方

#e5e5e5

アクロマトマリー

人口の0.001%

52% 類似
オリジナル
#00ffff
シミュレーション
#d0ebeb

注意: これらのシミュレーションは概算です。同じタイプの色覚異常を持つ人でも実際の色の見え方は異なる場合があります。.

色覚異常を理解する

色のアクセシビリティをテストしてインクルーシブなデザインを作成

色覚異常は世界中で約12人に1人の男性と200人に1人の女性に影響を与えています。このシミュレーターは、デザイナー、開発者、コンテンツクリエイターが色覚異常のある人々にどのように色が見えるかを理解するのに役立ちます。

さまざまな色覚異常のシミュレーションを通じて色をテストすることで、すべてのユーザーにとってアクセシブルで効果的なデザインを確保できます。このツールは、プロタノピア、デューテラノピア、トリタノピア、完全な色覚異常を含む最も一般的な色覚異常のタイプをシミュレートします。

なぜ重要なのか

情報を伝える手段として色だけに頼るべきではありません。このシミュレーターでテストすることで、潜在的な問題を特定できます。

使用例

UIデザイン、データビジュアライゼーション、ブランディング、色の区別に依存するあらゆるビジュアルコンテンツに最適です。