👁️ 色覚シミュレーター

入力した色が赤色盲・緑色盲（赤緑）、青黄色盲、全色盲にどう見えるかを近似変換し、原色と並べて表示します。色盲（完全）と色弱（部分）の程度を切り替えて、UI・グラフ・案内の色が色覚異常の利用者にも区別できるかを手軽に点検できます。

使い方

1. カラーピッカーまたはHEX入力欄で確認したい色を指定します。
2. 「色盲（完全）」または「色弱（部分）」タブでシミュレーションの程度を選びます。
3. 原色と各色覚異常タイプの変換結果を並べて比較します。
4. 各結果のHEXをコピーして、デザイン・コントラストの検討に活用します。

よくある質問

赤緑色盲と青黄色盲はどう違いますか？

赤緑色盲（赤色盲Protan・緑色盲Deutan）は赤と緑の区別が難しく、最も多いタイプです。青黄色盲（Tritan）は青と黄の系統の区別が難しく、比較的まれです。

なぜ2色が似て見えると問題になるのですか？

グラフの凡例、成功／失敗の表示、リンクの色のように色だけで情報を区別すると、色覚異常の利用者は内容を見落とすことがあります。色とあわせてアイコン・ラベル・明暗のコントラストを併用するのが良いでしょう。

この結果で色覚異常を診断できますか？

いいえ。線形変換行列を用いた近似であり、個人差や画面環境の影響を受けます。医学的診断ではなく、アクセシビリティ点検の参考としてのみご利用ください。