アップロードなし, 100%ローカル, アカウントなし

色覚異常シミュレーター

色覚特性を持つ人の目を通して画像を見てみましょう。種類を選び、プレビューして結果をダウンロードします。すべてブラウザ内で実行されます。

色覚異常シミュレーターの仕組み

色覚異常シミュレーターは、科学的に導出された色変換を画像に適用し、第一色覚異常(赤が見えにくい)、第二色覚異常(緑が見えにくい)、第三色覚異常(青が見えにくい)、全色盲(色覚なし)の人にどう見えるかを示します。デザイナーはこれを使って、公開前にグラフ、地図、インフォグラフィック、UI スクリーンショットのアクセシビリティを監査します。

カラーパレット(支配的な色を抽出)やカラースキーム(パレットを生成)とは異なり、このツールは画像全体を変換して異なる知覚体験をシミュレートします。シミュレーションは Canvas API を介してローカルに実行されます。

よくある質問

ファイルはサーバーにアップロードされますか?

いいえ。あなたの画像は、このブラウザータブ内で HTML5 Canvas API によってgetImageData でピクセルが読み取られ、色覚マトリクスが適用され、putImageData で書き戻されます。結果はローカルダウンロードとして提供されます。Sunasty や第三者には何も届きません。ブラウザーの DevTools を開き、「Network」タブを見てください。あなたの画像を運ぶリクエストは一つもありません。

どの種類の色覚特性をシミュレートしますか?

第一色覚異常(赤に対する感受性の欠如、男性の約 1%)、第二色覚異常(緑に対する感受性の欠如、男性の約 1%)、第三色覚異常(青に対する感受性の欠如、まれ)、全色盲(色覚の完全な欠如、非常にまれ)をシミュレートします。第一色覚異常と第二色覚異常を合わせると、現実世界の色覚異常のほとんどのケースをカバーします。

シミュレーションはどのくらい正確ですか?

査読を経た色覚異常モデルから導かれた、確立された線形代数の色行列を使用しています。結果は知覚的に近い近似であり、医療診断ツールではありませんが、デザイン上の問題のある色の組み合わせを見つけるには十分な精度です。

オフラインでも動作しますか?

はい、ページが一度読み込まれれば動作します。処理はデバイス上で行われるため、ネットワークを切断してもツールは動き続けます。これは、データがマシンから外に出ないことの最も明確な証拠です。

無料ですか?アカウントは必要ですか?

完全に無料で、登録は不要です。透かしの強制挿入も、1日あたりの利用制限も、利用に必要なトラッキングクッキーもありません。