色覚シミュレーター
色覚シミュレーターは、グラフやロゴ、写真が色覚に特性のある人にどう見えるかを確認するツールです。画像を選ぶか2つの色を比べると、4通りの見え方ですぐに確認できます。Machadoら(2009)のモデルでブラウザー内で計算します。
計算方法
男性の約12人に1人に色覚の特性があり(米国国立眼科研究所)、多くは赤と緑を見分けにくいタイプです。グラフや地図、ロゴ、注意表示を作るときは、色が見分けられるか確かめておくと安心です。このシミュレーターは、代表的な色覚タイプで画像や配色がどう見えるかを表示します。
使い方
- 2色の確認:たとえばグラフの赤と緑を選ぶと、見え方ごとの2色と色差ΔEが表に出ます。
- 画像の確認:画像をドロップすると、元の画像と4つのシミュレーションが並びます。
- 「程度」で軽いタイプも近似できます。「シミュレーションを保存」で原寸の画像をダウンロードします。
計算モデル
Machado・Oliveira・Fernandesの生理学的モデル(IEEE Transactions on Visualization and Computer Graphics、2009年)に基づき、タイプごとの3×3行列で変換します。行列はリニアRGBで使うため、sRGB(IEC 61966-2-1)をいったんリニア化してから戻します。全色盲は相対輝度で表し、ΔEはCIELAB空間でのユークリッド距離です。
注意点
シミュレーションは近似です。見え方には個人差があり、画面によっても色は変わります。軽いタイプは線形に補間しています。眼科の検査の代わりにはならず、色覚を補正するものでもありません。
プライバシー
画像はブラウザー内で処理し、アップロードしません。
よくある質問
色覚に特性があると赤と緑はどう見えますか?
P型・D型では、赤・緑・茶が似た黄土色系に見えやすくなります。上で赤と緑を選ぶと、色差ΔEが大きく下がるのが分かります。
自分の画像で確認できますか?
できます。写真やスクリーンショット、グラフをドロップしてください。変換はブラウザー内で行い、アップロードしません。
P型・D型・T型の違いは何ですか?
それぞれ赤・緑・青を感じる錐体の働きが異なるタイプです。P型とD型が多く、T型はまれです。
見分けやすい配色にするには?
濃い青とオレンジのように明るさの差が大きい色を組み合わせ、色だけでなく形や模様、文字でも区別できるようにします。
出典・根拠
- Machado, Oliveira, Fernandes (2009): A Physiologically-based Model for Simulation of Color Vision Deficiency, IEEE TVCG 15(6)
- National Eye Institute (NIH) – Color Blindness
- W3C – A Standard Default Color Space for the Internet: sRGB (IEC 61966-2-1)
- W3C – CSS Color Module Level 4 (Lab, colour conversion)
- ITU-T T.81 / ISO/IEC 10918-1 – JPEG
- W3C – Portable Network Graphics (PNG) Specification
- Open-source licenses of the libraries used (MIT, LGPL-3.0)
更新日:
関連ツール
- コントラスト比チェッカー(WCAG 2.2)文字色と背景色のコントラスト比をWCAG 2.2の基準で計算。通常の文字・大きな文字・UI部品それぞれのAA/AAA判定と、基準を満たす近い色の提案を表示します。
- 配色ジェネレーター(カラーパレット作成)1つの基準色から補色・類似色・トライアド・スクエア・モノクロマティックなどの配色を自動作成。HEX・RGB・HSLの値をそのままコピーできる無料ツールです。
- カラーコード変換:HEX・RGB・HSL・HSV・CMYKカラーコードを変換します。HEXからRGB、RGBからHEX、HSL・HSV・HWB・CMYKへ一括変換。どの形式で入力しても自動で判別し、結果はコピーできます。
- 写真加工サイト:オンライン写真編集ブラウザーで写真を加工。明るさ・コントラスト・彩度・色温度の調整、白黒やセピアのフィルター、回転や反転ができます。無料で原寸のまま、アップロード不要。
- BPM測定サイト:音声ファイルからBPMを測定曲のBPMを測定。音声ファイルを選ぶと、ブラウザー内でテンポを計算し、±の誤差、信頼度、半分・倍のテンポの候補まで表示します。無料でアップロード不要。
- CSV → Excel 変換CSVをExcel(XLSX)に変換。郵便番号や社員番号の先頭の0が消えず、文字化けもしません。ExcelからCSVへの変換も可能。無料で、アップロード不要です。