色覚シミュレーターツール
画像を読み込むと、1型(P型)・2型(D型)・3型(T型)色覚や全色盲の見え方を再現し、元画像と並べて比較できます。色覚異常の方にどう見えるかを確認し、アクセシブルな配色設計に役立ちます。すべての処理はブラウザ内で完結し、画像がサーバーに送信されることはありません。
ドラッグ＆ドロップ
または
CtrlV
Ctrl+V でスクリーンショットを直接貼り付け
JPEG, PNG, WebP, GIF, HEIC（iPhone）／最大20MB
色覚型
0%＝正常色覚、100%＝完全な2色覚（最も強い状態）
表示
使い方
1
画像を読み込む
ファイルをドラッグ＆ドロップ、クリックして選択、またはCtrl+Vでスクリーンショットを直接貼り付けます。
2
色覚型と程度を選ぶ
1型(P型)・2型(D型)・3型(T型)・全色盲から選び、程度スライダーで重症度を調整します。
3
比較・保存する
元画像と並べて見え方を確認し、必要に応じて結果をダウンロードまたはコピーします。
色覚シミュレーターツールとは
画像を読み込み、色覚特性（色覚異常・色弱）を持つ方にどのように見えるかを再現するオンラインツールです。Machadoら(2009)の色覚変換行列を用い、1型(Protanopia)・2型(Deuteranopia)・3型(Tritanopia)色覚と全色盲を、重症度を変えて正確にシミュレーションします。Webデザインや資料、グラフ、UIの配色がすべての人に伝わるかを確認するアクセシビリティチェックに役立ちます。すべての処理はブラウザ内で完結し、画像がサーバーに送信されることは一切ありません。
機能・特徴
- 4つの色覚型に対応1型(P型)・2型(D型)・3型(T型)色覚と全色盲（モノクロ）の見え方を再現します。
- 重症度を調整可能スライダーで色弱から強度の色覚異常まで、程度を連続的に変更できます。
- 元画像と並べて比較元画像とシミュレーション結果を並べて、全タイプを一覧表示することもできます。
- 完全ブラウザ処理すべての処理はブラウザ内で完結。画像がサーバーに送信されることは一切ありません。
活用シーン
- Webサイト・アプリのUI配色のアクセシビリティ確認
- グラフ・チャートが色覚に依存していないかのチェック
- 資料・プレゼン・ポスターの配色検証
- 路線図・地図・案内サインの見やすさ確認
- カラーユニバーサルデザインの教育・啓発
よくある質問
画像はサーバーに送信されますか？
いいえ。すべての処理はお使いのブラウザ内で完結します。画像データがサーバーに送信されることは一切ありません。
どのくらい正確に見え方を再現できますか？
Machadoら(2009)が発表した色覚変換行列を用いており、学術的に広く使われる手法です。実際の見え方には個人差があるため、あくまで設計支援のための目安としてご利用ください。
1型・2型・3型とは何ですか？
1型(P型/Protan)は赤を感じる錐体、2型(D型/Deutan)は緑を感じる錐体、3型(T型/Tritan)は青を感じる錐体の機能に違いがある色覚型です。日本では1型・2型が比較的多いとされています。
「程度」スライダーは何を変えていますか？
色覚特性の重症度を変更します。0%は正常色覚、値を上げるほど色弱から強い色覚異常（100%で完全な2色覚）へと連続的に変化します。
対応している画像形式とサイズは？
JPEG・PNG・WebP・GIF・HEIC（iPhoneの写真）に対応し、最大20MBまで読み込めます。非常に大きい画像は処理に時間がかかる場合があります。
スマートフォンでも使えますか？
はい。スマートフォン・タブレット・PCのいずれのブラウザでもご利用いただけます。