ツール ガイド
design 無料 サインアップ不要

色覚異常シミュレーター

さまざまな種類の色覚異常を持つ人々に画像がどのように見えるかをプレビューします。

ツールを読み込み中…

このツールについて

任意の画像をアップロードすると、通常の視覚、第一色覚異常(赤緑色覚)、第二色覚異常(緑赤色覚)、第三色覚異常(青黄色覚)、全色盲のシミュレーションを示す2×3グリッドが即座に表示されます。変換はキャンバスのピクセル操作を使用してすべてブラウザ内で実行されます。

使い方

  1. 1 ステップ1:アップロードエリアをクリックするか、画像をドラッグしてください。
  2. 2 ステップ2:元の画像と5つの色覚異常シミュレーションがグリッドに表示されます。
  3. 3 ステップ3:任意のタイルにホバーして全サイズのシミュレーションラベルを表示してください。
  4. 4 ステップ4:いつでも別の画像をアップロードしてデザインを比較してください。

よくある質問

{# Alpine.js — self-hosted. (The previous jsdelivr CDN tag had a stale SRI integrity hash, so the browser refused to run it and window.Alpine was never defined — silently breaking every FAQ accordion and Alpine tool.) #}