色覚シミュレーター

1型・2型・3型色覚や全色盲の人にはどう見えるか、任意の画像で確認 — 元画像と並べて、程度も調整できます。

色覚シミュレーターはキャンバスを使ってブラウザー内で完結します。画像は端末内で処理され、アップロードされることはありません。

開発・運営：Udit Agarwal

コントラストチェッカーを開く

色覚シミュレーター について

色覚シミュレーターは、あなたのグラフ・画面・写真を、男性の約8%、女性の約0.5%が持つ色覚特性の目を通して映します。画像をドロップし、見え方のタイプ — よくある赤緑系の2型（deuteranopia）と1型（protanopia）、まれな青黄系の3型（tritanopia）、色のない全色盲 — を選び、結果を元画像と並べて比較します。シミュレーションは生理学に基づくMachadoの変換行列を使い、正しいガンマ処理のもと線形光で適用します。程度スライダーは、はるかに多い部分的な色覚特性をカバーします。エラーと成功の表示が赤と緑だけで区別されているなら、ここでの30秒が、色覚特性のあるユーザーに見えないものを正確に見せてくれます。

機能

• 1型・2型・3型色覚と全色盲に対応
• 生理学ベースの変換行列を線形光で適用
• 軽度から完全な2色覚までの程度スライダー
• 元画像とシミュレーションの並列表示
• 各タイプの割合を表示
• レビューやチケット用にシミュレーション画像を保存

色覚シミュレーター の使い方

1. スクリーンショット・グラフ・デザインをドロップ
2. シミュレートする見え方のタイプを選択
3. 部分的な特性には程度を調整
4. パネルを比較し、必要なら結果を保存

例

入力

Dashboard with red error and green success badges

出力

Under deuteranopia both badges render as the same murky ochre

古典的な赤緑の失敗 — 正しい目で見るまで見えません。

よくあるエラーとトラブルシューティング

• シミュレーション画像がほぼ変わらない。 — 青・黄・無彩色が主体の画像は赤緑系の特性に強いのです — それは合格であって不具合ではありません。赤と緑に意味を持たせた画面を試してください。
• 全色盲ですべてが灰色に。極端すぎでは？ — 完全な全色盲は本当にすべての色相を取り除きます。そして極めてまれです。究極のコントラストテストとして使ってください：グレースケールで生き残るものはすべてに生き残ります。
• 他のシミュレーターと結果が少し違う。 — ガンマ補正なしで行列を適用するツールもあります。こちらは先に線形化します — 発表された研究手法です。違いは主に暗部に現れます。

よくある質問

色覚特性のタイプは何を意味しますか？

1型は赤の錐体、2型は緑の錐体の欠如です — どちらも赤と緑が同じに見え、男性のそれぞれ約1%に見られます（軽度の型はさらに多い）。3型は青黄系でまれ、全色盲は色そのものがなくなります。

色覚特性はどれくらい一般的ですか？

男性の約8%、女性の約0.5%が何らかの赤緑系の特性を持ちます — あなたが作るものの男性ユーザーの約12人に1人です。

このシミュレーションの精度は？

視覚研究のMachado・Oliveira・Fernandesの行列を、正しいガンマ変換つきの線形RGBで適用しています — 2色覚プレビューの標準手法です。

色覚特性に配慮したデザインにするには？

色を唯一の信号にしないこと：アイコン・ラベル・パターンを添えます。テキストのコントラストは4.5:1以上を保ち、グラフでは赤緑より青橙のパレットを選びましょう。

関連ツール

• カラーパレット抽出 — 画像から支配色とパレットを HEX・RGB・HSL で抽出
• カラーフォーマットコンバーター — カラーを HEX・RGB・HSL・OKLCH など全形式に一度に変換します。
• 画像カラーピッカー — 画像をホバー・クリックして、任意のピクセルの HEX・RGB・HSL を取得できます。
• コントラストチェッカー — 2色間のWCAGコントラスト比とAA/AAA合格を確認します。
• 画像の黒塗り — スクリーンショットの一部を恒久的にぼかし・モザイク・黒塗り。
• 画像の角丸 — 角丸長方形や円に切り抜き、透過PNGで書き出し。

画像の他のツール

• 画像DPI変更 — ピクセルを保ったままPNG/JPEGのDPIを設定。
• BlurHash生成 — ぼかしたプレースホルダー画像をエンコード・デコード。
• プレースホルダー画像生成 — 任意サイズのSVG・PNG・data URIプレースホルダー。
• ASCIIアート生成 — コントラストを調整して画像をASCIIアートに変換。
• 画像フィルター — モノクロ・セピア・コントラスト・ぼかしなどを適用し、PNGとCSSを出力。
• 画像分割ツール — 画像をグリッド状のタイルに切り分け、ZIPでダウンロードします。
• 画像結合ツール — 画像を横並び、縦並び、格子状に結合。
• 共同ホワイトボード — 二つのブラウザーを直接つないで、一緒に描けます。
• 拇印メーカー — 朱肉で押した拇印の写真を、書類用のきれいな透過PNGにします。
• 署名の背景を透過 — 紙を撮った写真から署名を切り出し、好きなインク色の透過PNGにします。
• 画像を文字起こし（OCR） — 写真・スクリーンショット・スキャンの文字を、端末上の認識で取り出します。
• 画像リサイズ — ピクセル数・割合・プリセット・長辺のいずれかで写真をリサイズし、複数枚をまとめてZIPでダウンロードできます。

画像のツールをすべて見る (40) · すべてのツール