色覚シミュレーター

使い方

1. カラーモード：HEXカラーを入力するかカラーピッカーを使用します。8種類の色覚特性でその色がどう見えるか、即座にグリッド表示されます。
2. 画像モード：画像をドラッグ＆ドロップするか、クリックして選択します。ローカルで処理され、元画像と8種類のシミュレーション結果が並べて表示されます。
3. カラーモードでは、HEX値をクリックするとクリップボードにコピーできます。

色覚特性について

色覚特性（CVD）は、目の錐体細胞の光への反応に影響します。人間の色覚はL錐体（赤）、M錐体（緑）、S錐体（青）の3種類に依存しています。いずれかが欠如または機能不全の場合、特定の色の区別が困難になります。

• 1型色覚 / 1型色弱 — L錐体（赤の知覚）に影響。赤が暗く見え、茶色や緑に近づきます。男性の約2%。
• 2型色覚 / 2型色弱 — M錐体（緑の知覚）に影響。最も一般的で、男性の約6%。緑と赤が似て見えます。
• 3型色覚 / 3型色弱 — S錐体（青の知覚）に影響。まれで、人口の0.01%未満。青と緑の区別が困難。
• 全色盲 / 色弱 — すべての錐体タイプに影響。完全な全色盲はグレースケール視覚になり、色弱は色の彩度が大幅に低下します。

アクセシブルなデザインのヒント

このツールをカラーコントラストチェッカーと併用して、包括的なアクセシビリティ監査を行いましょう。情報伝達に色だけに頼らず、形状・パターン・テキストラベルも活用してください。少なくとも1型色覚と2型色覚のシミュレーションで、エラー状態・チャート・ステータスインジケーターなど重要なUI要素をテストしましょう。

プライバシー

すべてのシミュレーションはブラウザ内で実行されます。カラーデータや画像がサーバーに送信されることはありません。