画像テキストカラー開発ファイルAI計算お役立ち

色覚シミュレーター（カラーユニバーサルデザイン確認）

ポスト

このツールでは、特定の色が色覚多様性（1型・2型・3型）の方にどのように見えるかを視覚的に確認できます。
Web制作やUIデザインにおけるアクセシビリティの確保・カラーユニバーサルデザイン（CUD）の検討にご活用ください。

  • 「背景色」および「文字色」を選択すると、コントラスト比が自動計算されます。
  • リアルタイムで、通常の見え方と各色覚タイプにおける見え方が横並びで表示されます。
  • 判定しにくい配色になっていないか、直感的に確認が可能です。
色覚多様性について

日本国内では、男性の約5％（20人に1人）、女性の約0.2％が何らかの色覚特性を持っています。

1型色覚 (Protanopia)

赤の感度が不足。赤と緑、または青と紫の区別が困難な場合があります（男性の約1.5％）。

2型色覚 (Deuteranopia)

緑の感度が不足。日本国内で最も多いタイプであり、全体の過半数を占めます（男性の約3.0％）。

3型色覚 (Tritanopia)

青の感度が不足。非常に稀なタイプで、青と黄色などが判別しにくい傾向があります。

※数値は日本人男性における統計データに基づく概数です。また、本ツールでのシミュレーションは数学的な変換モデルに基づいた近似値であり、実際の見え方には個人差があることをご留意ください。

コントラスト比：計算中...
通常
サンプル
1型 (Protanopia)
サンプル
2型 (Deuteranopia)
サンプル
3型 (Tritanopia)
サンプル

同じカテゴリのツール

カラー総合ツール（変換・パレット・コントラスト・グラデーション）
グラスモーフィズム生成（Glassmorphism）｜無料Webツール集
画像色覚シミュレーター（CUD画像検証ツール）
日本の伝統色検索ツール
ニューモーフィズム生成（Neumorphism）｜無料Webツール集
OKLCH カラーピッカー＆変換ツール｜無料Webツール集
フォト・グラデーション・ジェネレーター
配色黄金比（70:25:5）ジェネレーター
Shades & Tints 生成（明度・暗度スケール）｜無料Webツール集
Tailwind カラースケール生成（OKLCH対応）｜無料Webツール集