色覚シミュレーター
1型・2型・3型色覚や全色盲の人にはどう見えるか、任意の画像で確認 — 元画像と並べて、程度も調整できます。
色覚シミュレーターはキャンバスを使ってブラウザー内で完結します。画像は端末内で処理され、アップロードされることはありません。
コントラストチェッカーを開く
色覚シミュレーター について
色覚シミュレーターは、あなたのグラフ・画面・写真を、男性の約8%、女性の約0.5%が持つ色覚特性の目を通して映します。画像をドロップし、見え方のタイプ — よくある赤緑系の2型（deuteranopia）と1型（protanopia）、まれな青黄系の3型（tritanopia）、色のない全色盲 — を選び、結果を元画像と並べて比較します。シミュレーションは生理学に基づくMachadoの変換行列を使い、正しいガンマ処理のもと線形光で適用します。程度スライダーは、はるかに多い部分的な色覚特性をカバーします。エラーと成功の表示が赤と緑だけで区別されているなら、ここでの30秒が、色覚特性のあるユーザーに見えないものを正確に見せてくれます。
機能
- 1型・2型・3型色覚と全色盲に対応
- 生理学ベースの変換行列を線形光で適用
- 軽度から完全な2色覚までの程度スライダー
- 元画像とシミュレーションの並列表示
- 各タイプの割合を表示
- レビューやチケット用にシミュレーション画像を保存
色覚シミュレーター の使い方
- スクリーンショット・グラフ・デザインをドロップ
- シミュレートする見え方のタイプを選択
- 部分的な特性には程度を調整
- パネルを比較し、必要なら結果を保存
例
入力
Dashboard with red error and green success badges
出力
Under deuteranopia both badges render as the same murky ochre
古典的な赤緑の失敗 — 正しい目で見るまで見えません。
よくあるエラーとトラブルシューティング
- シミュレーション画像がほぼ変わらない。 — 青・黄・無彩色が主体の画像は赤緑系の特性に強いのです — それは合格であって不具合ではありません。赤と緑に意味を持たせた画面を試してください。
- 全色盲ですべてが灰色に。極端すぎでは？ — 完全な全色盲は本当にすべての色相を取り除きます。そして極めてまれです。究極のコントラストテストとして使ってください：グレースケールで生き残るものはすべてに生き残ります。
- 他のシミュレーターと結果が少し違う。 — ガンマ補正なしで行列を適用するツールもあります。こちらは先に線形化します — 発表された研究手法です。違いは主に暗部に現れます。
よくある質問
- 色覚特性のタイプは何を意味しますか？
- 1型は赤の錐体、2型は緑の錐体の欠如です — どちらも赤と緑が同じに見え、男性のそれぞれ約1%に見られます（軽度の型はさらに多い）。3型は青黄系でまれ、全色盲は色そのものがなくなります。
- 色覚特性はどれくらい一般的ですか？
- 男性の約8%、女性の約0.5%が何らかの赤緑系の特性を持ちます — あなたが作るものの男性ユーザーの約12人に1人です。
- このシミュレーションの精度は？
- 視覚研究のMachado・Oliveira・Fernandesの行列を、正しいガンマ変換つきの線形RGBで適用しています — 2色覚プレビューの標準手法です。
- 色覚特性に配慮したデザインにするには？
- 色を唯一の信号にしないこと：アイコン・ラベル・パターンを添えます。テキストのコントラストは4.5:1以上を保ち、グラフでは赤緑より青橙のパレットを選びましょう。
関連ツール
すべての ArrayKit ツール