コンテンツへスキップ
Color Blindness Simulator
指定した色が1型・2型・3型色覚や全色盲の人にどのように見えるかをシミュレートします。
概要
- 指定した色が、1型色覚（赤の識別が困難）・2型色覚（緑の識別が困難）・3型色覚（青の識別が困難）・全色盲（色の識別全般が困難）の人にどのように見えるかを近似的にシミュレートするツールです。
- RGB値に対する変換行列を使った簡易的な近似計算のため、実際の見え方を完全に再現するものではありません。
- 配色を決める際に、特定の色覚特性を持つ人にとって区別しづらい配色になっていないかを確認する参考として利用できます。
使い方
- 確認したい色を入力します（#RRGGBBまたはrgb(r, g, b)形式）。
- 「シミュレートする」ボタンをクリックします。
- 元の色と、4種類の色覚特性でのシミュレーション結果が並んで表示されます。
入力例・出力例
入力
#FF0000
出力
1型色覚での見え方など、4種類の近似色
利用シーン
- グラフやチャートの配色が、色覚特性を持つ人にとっても区別しやすいかを確認する
- エラー表示（赤）と成功表示（緑）のように、色だけで意味を伝えているUIがないか確認する
- Webサイトやアプリのアクセシビリティレビューの参考資料として使う
よくある質問
このシミュレーション結果はどの程度正確ですか？
RGB値に対する簡易的な変換行列による近似のため、目安として利用してください。医学的に正確な色覚シミュレーションではありません。
全色盲（achromatopsia）とは何ですか？
色を全く、またはほとんど識別できない状態を指します。本ツールでは標準的な輝度計算式を使い、グレースケールとして近似しています。
入力した色は外部に送信されますか？
いいえ。シミュレーション処理はすべてブラウザ内で完結します。
注意点
- 本ツールは近似計算であり、実際の医療診断や厳密なアクセシビリティ検証の代替にはなりません。
- HSL形式には対応していません。#RRGGBBまたはrgb(r, g, b)形式で入力してください。