色覚シミュレーター
第 1 色覚異常(赤盲)、第 2 色覚異常(緑盲)、第 3 色覚異常(青盲)、全色盲の方には画像やパレットがどのように見えるかを確認 — すべてブラウザで動作し、アップロードなし。
画像をここにドラッグ&ドロップ
またはクリックして参照 — クリップボードから貼り付けも可能
各色覚タイプでプレビューするには画像をドロップしてください。
正常な色覚
第 1 色覚異常(赤盲)
赤盲(L 錐体なし) — 男性の約 1%
第 1 色覚異常(弱赤型)
赤感度が低下(弱 L 錐体) — 軽度の第 1 色覚異常
第 2 色覚異常(緑盲)
緑盲(M 錐体なし) — 最も一般的なタイプ
第 2 色覚異常(弱緑型)
緑感度が低下(弱 M 錐体) — 全体として最も一般的な形態
第 3 色覚異常(青盲)
青盲(S 錐体なし) — まれ
第 3 色覚異常(弱青型)
青感度が低下(弱 S 錐体) — 非常にまれ
全色盲
完全な色盲(グレースケール)
HEX 値を貼り付けて、各色覚タイプでパレットがどのように見えるかをプレビューします。
すべてブラウザで動作します — 画像はアップロードされません。Brettel/Viénot 色覚モデルを使用しています。
色覚シミュレーターについて
色覚異常シミュレーターは、画像やカラーパレットが異なる色覚特性を持つ人にどう見えるかを表示します。スクリーンショット、チャート、デザインモックアップをドロップするか、HEXカラーのリストを貼り付けると、通常の視覚と並べて各条件下での見え方を確認できます。
シミュレーションは、よく見られる色覚特性の全範囲をカバーします。1型2色覚と1型3色覚(赤が見えない・赤に弱い)、2型2色覚と2型3色覚(緑が見えない・緑に弱い、最も一般的な形)、3型2色覚と3型3色覚(青が見えない・青に弱い)、そして色の知覚が完全に失われる全色盲です。各シミュレーション表示はダウンロードできます。
描画はBrettel/Viénotの色覚モデルに基づき、完全にブラウザ内のキャンバス上で動作します。画像がアップロードされることはありません。チャート、地図、UIの状態、ブランドパレットが、何らかの色覚特性を持つおよそ8%の男性にとっても見分けやすいままかを手早く実践的に確認できる方法です。
色覚シミュレーターの使い方
- 画像タブを選んで画像をドロップ、参照、またはペーストするか、パレットタブに切り替えてHEX値を貼り付けます。
- 通常視覚のオリジナルと、各シミュレーションされた色覚タイプを比較します。
- 区別しにくくなる色、特にチャートやステータス表示の赤と緑に注目します。
- シミュレーション表示をダウンロードしてチームと共有します。