男性の約8%、女性の約0.5%が何らかの色覚特性を持っています。このツールは、一般的な各タイプ(プロタノピア(赤色盲)、デューテラノピア(緑色盲)、トリタノピア(青色盲)、完全な色覚異常(グレースケール))を持つ人に画像がどう見えるかをシミュレートします。グラフ、UIスクリーンショット、写真に使用して、ユーザーが気づく前に見えないアクセシビリティの問題を発見しましょう。
各タイプの意味
- プロタノピア(男性の1%):赤色が見えません。赤は暗いグレーイエローに見えます。
- デューテラノピア(男性の1%):緑色が見えません。最も一般的なタイプ。赤と緑が似て見えます。
- トリタノピア(非常に稀):青色が見えません。青と黄色が似て見えます。
- 色覚異常(極めて稀):色覚がまったくなく、純粋なグレースケールです。
- 異常三色型色覚(男性の5%):欠如ではなく感度が低下しています。中程度のケースをシミュレートします。
確認すべきポイント
- 色だけに依存したグラフの凡例。デューテラノピアでは赤と緑の線が区別できません。
- 赤色だけで示されたフォームエラー。アイコンやテキストラベルと組み合わせてください。
- ステータスインジケーター。信号機の赤/黄/緑の配色は最悪のケースです。
- 円グラフと積み上げ棒グラフ。類似した色相の隣接スライスは境界が失われます。
コントラストチェッカーと併用
色覚特性はアクセシビリティの一軸であり、コントラストはもう一つの軸です。同じスクリーンショットでコントラストチェッカーを実行し、前景/背景ペアのWCAG AA/AAA準拠を確認してください。
ユースケース:データ可視化
デフォルトのグラフパレット(matplotlibのtab10、Excelのデフォルト)には問題のあるペアが含まれています。このツールでダッシュボードを実行し、どの系列が衝突するかを確認してください。推奨される代替パレット:viridis、cividis、ColorBrewerのアクセシブルな発散パレット。
よくある質問
このシミュレーションの精度はどのくらいですか?
公開された研究(Brettel et al.)に基づく知覚的な近似です。実際の色覚異常のユーザーは若干の違いを感じるかもしれませんが、デザイン上の問題を発見するには十分な精度です。
対応している入力形式は何ですか?
JPG、PNG、WebP、HEIC。最大25MBまで対応。写真、スクリーンショット、デザインファイルに使用できます。
4つのシミュレーションを一度にダウンロードできますか?
はい — 4つすべてを並べて表示する2×2グリッドのPNGと、元の画像をエクスポートできます。デザインレビューでの共有に便利です。
動画でも使えますか?
いいえ、画像のみ対応しています。動画の場合は、代表的なフレームを1つ使用してください。
なぜ赤が茶色く見えるのですか?
それは第二色覚異常(デューテラノピア)です。緑の色錐体が減少しているため、赤が茶色や暗い黄色にシフトします。
アニメーションGIFはどうなりますか?
最初のフレームのみ処理されます。全シーケンスが必要な場合は、静的フレームを個別に実行してください。
色覚異常の診断用ですか?
いいえ — これはデザインツールです。診断用の石原式プレートは臨床環境が必要です。
WCAGの色に関するガイドラインは?
WCAG 1.4.1では「色は情報を伝える唯一の視覚的手段として使用してはならない」とされています。色は常に形状、ラベル、またはパターンと組み合わせて使用してください。
概要 色覚シミュレーター
色覚シミュレーター Wallpapers.comの無料オンラインツールで、ブラウザ上で完結 — インストール不要、透かしなし、初回はメール登録不要。
色覚特性を持つ人々にあなたのデザインがどう見えるかをプレビュー。
使い方 色覚シミュレーター
- スウォッチから色を選ぶか、HEX/RGB値を貼り付け。
- 出力を調整 — パレット、コントラスト、補色
- 値をコピー、またはスウォッチをJSONとしてエクスポート
使用するタイミング
一般的なユースケース:
Webアップロード、eコマース出品、フォーマット制限のあるソーシャルメディアプラットフォーム向けの画像準備、およびデバイスやアプリ間のファイル変換
Free vs Premium
すべての訪問者は無料トライアルを利用可能。サインイン済みの無料ユーザーはより高い日次クォータを取得。購読する
プレミアム
無制限の実行、1ジョブあたり最大200画像の一括処理、優先キュー、広告なしブラウジング
関連ツール
少し違うものをお探しですか?試す
画像から色をピック
,
パレット抽出ツール
または
グラデーションジェネレーター
— or browse all
カラーツール ツール.