HedgieTools

色覚シミュレーター

画像やパレットが色覚異常のある人にどう見えるかを、ブラウザ上で確認できます。

画像をシミュレーション

画像を読み込んで、色覚異常のある人にどう見えるかを確認できます。

ここに画像をドラッグするか、クリックして選択してください

JPEG、PNG、WebP、GIF、SVG(各最大50 MB)。すべてブラウザ内で処理され、画像がアップロード・保存されることはありません。

パレットをシミュレーション

画像は不要です。ブランドカラーやグラフの色を貼り付けると、各色をすべての色覚異常の種類で比較できます。

スペース、カンマ、セミコロンで区切ります(#は付けても付けなくても構いません)。

無料の色覚異常シミュレーター

画像を読み込むかパレットを貼り付けると、色覚異常のある人にどう見えるかを確認できます。デザインやグラフ、配色が誰にとっても見やすいかをチェックするのに役立ちます。処理はすべてブラウザ内で行われ、画像がサーバーに送信・保存されることはありません。

色覚異常の種類

1型色覚と2型色覚は赤と緑を区別しにくく、合わせて男性の約8%に見られます。青と黄色を区別しにくい3型色覚ははるかにまれで、灰色だけで見える全色盲はごくまれです。シミュレーションはViénotとBrettelのモデルを使ってリニア空間で計算するため、灰色は灰色のまま保たれ、2色覚の人と同じように色が変化します。

比較する、まとめて見る

比較表示では、オリジナルとシミュレーションを重ねて表示し、スライダーをドラッグするか矢印キーで動かして比べられます。結果は画像の元のサイズでダウンロードできます。グリッド表示では4種類を並べて表示するので、毎回設定を変えなくても、見づらい箇所をすばやく見つけられます。強度スライダーを使うと、元の画像から完全な効果まで、シミュレーションの強さを調整できます。

カラー

カラーパレット生成

ブランドカラー1色からカラーパレットを生成します。濃淡、ライト・ダーク用のトークン、コントラストチェック、TailwindやCSSでの書き出しにも対応しています。

ユーティリティ

QRコード作成

QRコードを作成してダウンロードします。