👁️

色覚 シミュレーション

画像をアップロードして、色覚特性のある人にどのように見えるかを確認できます。UI、グラフ、デザインのアクセシビリティをテストしましょう。シミュレーションはすべてブラウザ内で実行されます — アップロードもサーバーも不要です。

生成ツール ローカルで実行 データは送信されません
アクセシビリティ 色覚 WCAG デザイン クライアントサイドのみ
画像
📷
画像をここにドロップ、またはクリックしてアップロード
PNG、JPG、GIF、WebP — 最大10 MB
色覚タイプ
👁
色覚異常をシミュレートする画像をアップロード
💡
シミュレーションにはLMSベースの色変換行列(Brettel法)を使用しています。約 男性の8% および 女性の0.5% 何らかの色覚異常がある場合は、次を使用してください コントラストチェッカー テキストが WCAG AA/AAA 基準を満たすことを確認します。

色覚 シミュレーションとは?

色覚特性のある人に画像がどのように見えるかをシミュレーションします。1型色覚、2型色覚、3型色覚、全色盲をテストできます。無料のブラウザベースで、データは送信されません。

色覚 シミュレーションの使い方

  1. 確認したい画像または画面デザインをアップロードします。
  2. さまざまな色覚異常モードを切り替えます。
  3. 各モードで主要な UI 要素、チャート、ラベルがどのように変化するかを比較します。
  4. プレビューで重要な意味が失われる場合は、デザインの色を調整します。
色覚異常モードを理解する ▾
例
入力 赤と緑の系列色を使用したチャートをアップロードします
出力 1型色覚、2型色覚、3型色覚のバリエーションをプレビューして、系列を区別できるか確認します
一般的な使用例
  • 赤と緑のステータス色に依存するチャートを確認
  • 色ラベルなしでもUI状態を区別できるかテスト
  • インフォグラフィックを公開する前に危険な配色を特定
  • スクリーンショットとマーケティング素材のアクセシビリティを確認
よくある質問
情報を伝えるのに色だけに頼るべきですか?

いいえ —WCAG 1.4.1 では、色だけを情報伝達の手段にしないことが求められています。色は必ずアイコン、パターン、テキストラベルと組み合わせてください。

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

シミュレーションは確立されたカラーマトリクス変換を使用しています。これは近似であり、個人の知覚には差があります。

「色覚 シミュレーション オンライン —UI アクセシビリティを無料でテスト」は何を行いますか?

「色覚 シミュレーション オンライン —UI アクセシビリティを無料でテスト」は、完全にブラウザ内で動作し、データをサーバーにアップロードせずにこのタスクを完了できるよう支援します。

「色覚 シミュレーション オンライン —UI アクセシビリティを無料でテスト」は無料で利用できますか?

はい。このツールは無料で使用でき、サインアップは不要です。