色覚異常シミュレーター

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

    カラーを選択

    HEX

    #c0c0c0

    #C0C0C0

    色覚シミュレーター

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

    影響

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

    タイプ

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

    より良いデザイン

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

    元の色

    #c0c0c0

    #C0C0C0

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

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

    プロタノピア

    男性の1.3%、女性の0.02%

    100%

    見え方

    #c0c0c0

    プロタノマリー

    男性の1.3%、女性の0.02%

    100% 類似
    オリジナル
    #c0c0c0
    シミュレーション
    #c0c0c0

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

    デュータノピア

    男性の1.2%、女性の0.01%

    100%

    見え方

    #c0c0c0

    デュータノマリー

    男性の5%、女性の0.35%

    100% 類似
    オリジナル
    #c0c0c0
    シミュレーション
    #c0c0c0

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

    トリタノピア

    男性の0.001%、女性の0.03%

    100%

    見え方

    #c0c0c0

    トリタノマリー

    人口の0.0001%

    100% 類似
    オリジナル
    #c0c0c0
    シミュレーション
    #c0c0c0

    完全な色覚異常

    全色盲

    人口の0.003%

    100%

    見え方

    #c0c0c0

    アクロマトマリー

    人口の0.001%

    100% 類似
    オリジナル
    #c0c0c0
    シミュレーション
    #c0c0c0

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

    色覚異常を理解する

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

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

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

    なぜ重要なのか

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

    使用例

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