色覚シミュレーション
☞ すべてブラウザ内で処理 — アップロードは一切ありませんここに画像をドロップ
またはクリックして選択 — JPG・PNG・WebP
元画像 / シミュレーション
画像の上をドラッグすると、元画像とシミュレーションを比べられます。
色覚シミュレーション
グラフやスクリーンショット、デザインが赤緑・青黄の色覚異常のある人にどう見えるかを確認 —— 公開する前にチェックしましょう。
またはクリックして選択 — JPG・PNG・WebP
元画像 / シミュレーション
画像の上をドラッグすると、元画像とシミュレーションを比べられます。
Machado 2009 モデル
男性のおよそ 12 人に 1 人、女性の 200 人に 1 人は色の見え方が一般と異なります。その多くは赤と緑の区別が難しいタイプです。あなたには明らかに赤いグラフの線が隣の緑の線と見分けられず、赤字だけで示したエラーは普通の文字と変わらず、地図の凡例が地図と対応しなくなります。このシミュレーターは主な色覚タイプでの見え方を表示するので、グラフ、アプリ画面、スライド、ポスターを公開前に確認できます。
Machado、Oliveira、Fernandes が 2009 年に発表した生理学的モデルを使っています。色覚異常の多くは完全な色盲ではないため、程度も調整できます。100% は完全な型(2色覚)、それより低い値はずっと多い軽度の型(異常3色覚)です。計算はピクセル値そのものではなく線形の光量で行い、元のサイズの画像全体をブラウザ内で処理します。何もアップロードされません。
3 ステップ
JPG、PNG、WebP をドロップします。グラフ、スクリーンショット、デザイン、写真のどれでも構いません。
まず最も多い 2 型(D 型)を 100% で、次に 1 型と 3 型を試します。プレビューの上をドラッグして元画像と比べ、混ざってしまった色を探します。
見分けられなくなったものがあれば、色相だけでなく明るさにも差をつけるか、ラベル・模様・アイコンを加えます。シミュレーション画像はダウンロードしてチームと共有できます。
早わかり
2 型(D 型)です。色覚異常の大部分を占め、次に多いのが 1 型(P 型)です。この 2 つで問題なければ、色覚異常のある人の大多数に伝わります。3 型と全色盲はまれです。
眼の錐体細胞の反応を扱った査読済みのモデルに基づいており、デザイン判断の目安として信頼できます。ただし特定の個人に対して厳密ではありません。色覚には個人差があり、結果は画面にも左右されます。
色覚異常の多くは、ある錐体が欠けているのではなく働きが弱い状態です。100% は欠けている型(1 型・2 型・3 型の 2 色覚)、低い値は軽度の異常 3 色覚で、色の区別は難しいものの、まったくできないわけではありません。
色相だけに頼らないことです。明るさにも差をつけ、凡例ではなく線の横に直接ラベルを付け、模様やマーカーを加えます。青とオレンジはどの一般的なタイプでも区別できますが、赤と緑はできません。
できません。見え方を表示するだけで、色の補正はしません。すべてのシミュレーションで読みやすくなるまで、自分のデザインを調整するために使ってください。
いいえ。画像を開くのも処理するのもすべてブラウザ内で行われ、シミュレーション画像はそのままダウンロードフォルダに保存されます。