スクリーンショットや配色を、8種類の色覚特性で並べて確認できます。見分けにくくなる色の組み合わせを指摘し、より安全な色を提案します。ブラウザー内で動作します。
色覚シミュレーターは、錐体の一部がない、または働きが弱い人に見える色で画像を描き直します。スクリーンショットをアップロードするか配色を貼り付けると、8種類の見え方を一度に確認できます。多くの人には区別できても、別の人には同じに見えてしまう色の組み合わせも指摘し、明るくまたは暗くした代わりの色を提案します。
色覚特性の主な種類
使い方は2通りです。ページ、グラフ、デザインのスクリーンショットをドロップするか、16進数カラーコードの一覧を貼り付けます。シミュレーションはすべてブラウザー内で行われ、何もアップロードされません。
米国国立眼研究所（National Eye Institute）によると、赤緑の色覚特性が最も多く、女性より男性にはるかに多く見られます。北欧系の人々では、男性の最大約12人に1人、女性の約200人に1人に見られます。青黄の色覚特性や完全な色盲はまれです。
広く使われ評価も高いMachado、Oliveira、Fernandesのモデルを使い、2色覚の種類は最大強度、異常3色覚の種類は中程度の強度で再現しています。実際の見え方には個人差があり、同じ診断を受けた2人でも見え方が多少異なりますし、画面や照明によっても変わります。診断ではなく、信頼できる目安として使ってください。
このページからはできません。ブラウザーは、あるサイトが別のサイトを読み込んでそのピクセルを読み取ることを許可していないためです。代わりにページのスクリーンショットを撮り（多くの環境では、MacならShift + Cmd + 4、WindowsならWin + Shift + S）、ここにドロップしてください。
完全にはいえません。コントラストチェッカーはテキストと背景の明るさを比べるもので、それは誰にとっても役立ちます。しかし、グラフの2色やステータスの2色が、それぞれ白に対しては合格していても、2型2色覚の人には同じに見えることがあります。区別が必要な色の組み合わせを確認しましょう。ここでの配色チェックはまさにそれを行います。
3種類の錐体がすべて働いている状態。
赤の錐体がない。赤が暗く、緑に近く見える。
赤の錐体が弱い。軽度の赤緑の混同。
緑の錐体がない。赤と緑が似て見える。
緑の錐体が弱い。最も多い種類。
青の錐体がない。青と緑、黄とピンクを混同する。
青の錐体が弱い。軽度の青黄の混同。
色の感覚がない。明るさだけが残る。
色の感覚が大きく低下している。
画像ファイルを選択してください。
その画像を読み込めませんでした。
ここにスクリーンショットをドロップするか、クリックして選択してください。画像は端末から外に出ません。
{vision}で見たスクリーンショット
16進数カラーコード（最大16色）
{a}が{b}のように見えます
修正が必要な組み合わせ：{n}組
修正が必要な組み合わせ：{n}組
シミュレーションで区別できなくなる組み合わせはありません
2色以上追加してください
{visions}で似て見えます。
代わりに
を{b}の代わりに試してください。
入力
配色
無料で始める · クレジットカード不要