第 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%の男性にとっても見分けやすいままかを手早く実践的に確認できる方法です。

色覚シミュレーターの使い方

  1. 画像タブを選んで画像をドロップ、参照、またはペーストするか、パレットタブに切り替えてHEX値を貼り付けます。
  2. 通常視覚のオリジナルと、各シミュレーションされた色覚タイプを比較します。
  3. 区別しにくくなる色、特にチャートやステータス表示の赤と緑に注目します。
  4. シミュレーション表示をダウンロードしてチームと共有します。

よくある質問

1型2色覚、1型3色覚、2型2色覚、2型3色覚、3型2色覚、3型3色覚、全色盲の7つの条件です。赤が見えない・赤に弱い、緑が見えない・緑に弱い、青が見えない・青に弱い視覚、さらに完全なグレースケール視覚をカバーします。

いいえ。画像はブラウザ内のキャンバス上でBrettel/Viénotの色覚行列を使って処理されます。デバイスから出ることはなく、後で削除するものもありません。

はい、完全に無料です。シミュレーションはクライアント側で動作するため、アカウントなしで好きなだけ画像やパレットをテストできます。

Brettel/Viénotモデルを使用しており、これは2色覚のシミュレーションで広く引用される科学的手法です。実際の知覚は個人やディスプレイによって異なるため、臨床的な描画ではなく、デザイン判断のための強力な近似として扱ってください。

はい。パレットタブに切り替えてHEX値を貼り付けると、ツールはすべての視覚タイプでスウォッチを描画します。チャートやブランドパレットが見分けられるかを確認する最も速い方法です。

明度はあらゆる種類の色覚特性でも保たれるため、両者の明度差を大きくするか、アイコン、パターン、ラベルなどの第2の手がかりを追加してください。その後、再度シミュレーションを実行して、修正がすべてのタイプで機能することを確認します。

シェアする

人気の検索
色覚異常シミュレーター 第一色覚シミュレーター 第二色覚シミュレーター 色覚プレビュー 色覚異常をシミュレート オンライン色覚検査
お困りですか?
このツールで問題が見つかりましたか?チームにお知らせください。
問題を報告

この無料ツールをあなたのウェブサイトに追加 — 下のコードをコピーして貼り付けてください。