画像をここにドロップ
クリックして選択 · または貼り付け (Ctrl/Cmd + V)
ブラウザ内で処理 · アップロードなし
別の画像をドロップ / クリック
画像・デザイン・資料・グラフ・ゲームUIが、色覚多様性(色覚特性/色弱・色盲)の人にどう見えるかをブラウザだけでシミュレーションして確認できるツールです。色覚特性は日本人男性の約20人に1人(5%前後)、世界では男性の約12人に1人にみられ、特定の色の組み合わせが見分けにくくなります。資料やスライド、路線図、グラフの凡例、ゲームの敵味方表示などが「色だけ」で情報を伝えていると、伝わらない人がいます。このツールでは色覚タイプを選べます。『1型(P型・赤が弱い)』と『2型(D型・緑が弱い)』は赤と緑が混同しやすい最も多いタイプ、『3型(T型・青が弱い)』は青と黄が混同しやすいタイプ、『全色盲』は色をまったく感じずモノクロに見える状態です。さらに『強さ』スライダーで、弱い(異常三色覚=色が少し弱い)状態から、完全な二色覚(その色をほとんど感じない)状態まで連続的に切り替えられます。仕組みは、各画素の赤・緑・青に色覚タイプごとの変換行列を当て、元の色と『強さ』の割合でブレンドして見え方を再現するものです。シミュレーション後に2色が見分けにくくなっていたら、コントラストを上げる・明度差をつける・文字ラベルや模様(ハッチング)を足す、といった配慮を検討してください。結果は PNG で保存でき、チームやクライアントへの共有・レビューにも使えます。読み込みは画像のドロップ・クリック選択・クリップボード貼り付けに対応。処理はすべてお使いのブラウザ内で行い、画像を外部のサーバーや API に送信することは一切ありません(社内資料や未公開デザインでも安全に確認できます)。
使い方
- 画像をドロップ/選択/貼り付けで読み込みます(アップロードはされません)。
- 色覚タイプ(P型/D型/T型/全色盲)を選び、強さを調整して見え方を確認します。
- 結果を PNG で保存し、共有やレビューに使います。
よくある質問
画像はどこかにアップロードされますか?
いいえ。読み込みからシミュレーション、PNG 書き出しまで、すべてお使いのブラウザ内で行います。画像を外部のサーバーや API に送信することは一切なく、端末内で完結します。社内資料や未公開のデザインでも安全に見え方を確認できます。
1型・2型・3型・全色盲はどう違いますか?
1型(P型)と2型(D型)は赤と緑が混同しやすいタイプで、色覚特性の中で最も多く見られます。3型(T型)は青と黄が混同しやすいタイプです。全色盲は色をほとんど感じず、明暗(モノクロ)として見える状態です。それぞれを切り替えて、配色が伝わるかを確認できます。
『強さ』は何を変えていますか?
色覚特性は人によって程度が異なります。強さを下げると「色が少し弱い(異常三色覚)」程度の見え方、上げると「その色をほとんど感じない(二色覚)」見え方になります。元の色とシミュレーション結果を、強さの割合でブレンドして再現しています。
見分けにくい色があったらどうすればいいですか?
色だけに頼らず情報を伝えるのが基本です。色のコントラストや明度差を大きくする、赤と緑のように混同しやすい組み合わせを避ける、文字ラベルや模様(ハッチング・点線など)を併用する、といった配慮でカラーユニバーサルデザインに近づけられます。