👁️
無料色覚異常シミュレーター
色覚異常のある人にとってデザインがどのように見えるかを確認できます。1型2色覚（プロタノピア）、2型2色覚（デューテラノピア）、3型2色覚（トリタノピア）、全色盲、および軽度の異常をシミュレートします。
読み込み後はオフラインでも動作
ここにファイルをドロップするか、クリックして選択
JPG, PNG, WebP, HEIC, HEIF · デバイス上で処理
または Ctrl+V でクリップボードから貼り付け
ファイルがデバイスを離れることはありません。すべての処理はブラウザ内でローカルに行われます。
デザイン、インフォグラフィック、写真をアップロードして、色覚異常のある方にどう見えるか確認できます。グラフデザイナー、UXデザイナー、アクセシビリティ監査に特に有用です。
主な用途
- チャートと図を色覚異常について監査するデータビジュアライゼーションをテストして、色覚異常の約8%の男性が理解できることを確認します。
- アクセシビリティについてUIデザインを監査するCVDモードでアプリケーションUIスクリーンショットを確認—すべてのステータスインジケータがすべての人に表示されることを確認します。
- 色アクセシビリティについて印刷デザインをテストするポスター、インフォグラフィック、印刷物はすべて印刷前のCVDチェックから恩恵を受けます。
- 写真家の色教育写真家はシミュレータを使用して、視聴者が自分の作品で色をどのように認識するかを理解できます。
- 色覚異常について教える学生、デザイナー、または開発者に、色覚異常の実際の見た目を示します。
使い方
色覚欠陥（CVD）はBrettel-Viénot色変換マトリックスを使用してシミュレートされます。アクセシビリティツール内で使用される標準アルゴリズム。
- 1イメージをドロップしますイメージはブラウザのキャンバスに読み込まれます。パフォーマンスのためにピクセルはダウンサイズされます（最長エッジで最大1200 px）。
- 23×3の色変換がすべてのピクセルに適用されます各CVDタイプには専用のマトリックスがあります。2型2色覚（deuteranopia、緑盲）では、L錐体とS錐体しか持たない人の知覚を再現するように、赤と緑のチャネルが混合されます。
- 3変換されたイメージがオリジナルと一緒に表示されますCVDタイプを切り替えて、男性の約8％にみられる何らかの色覚異常の人に、同じ画像がどのように見えるかを確認できます。
イメージはブラウザに留まります。シミュレーション数学さえローカルでCPU上で実行されます。サーバー、API、アップロードはなし。
関連ツール
色覚テスト
その場で生成されるドットパターンを使った15枚の色覚スクリーニングプレートで、見える数字を入力し、赤緑色覚または青黄色覚の傾向について詳細な要約を確認できます。診断ではありません。
試してみる
WCAG カラーコントラストチェッカー
2 つの色がアクセシビリティに関する WCAG AA および AAA コントラスト基準を満たしているかどうかを確認します。コントラストが低すぎる場合は、複数のテキスト サイズでライブ プレビューが自動提案されます。
試してみる
ウェブカメラテスト
通話の前にウェブカメラが正しく動作するか確認できます — ライブプレビュー、実際の解像度とフレームレート、そしてダウンロード可能なスナップショットを表示します。
試してみる