Color Blindness Simulator — HEXカラーを5種の色覚特性でシミュレーション・WCAG判定【Webツール】
- ダウンロード商品¥ 500
■ このツールについて Color Blindness Simulator は、HEXカラーを入力すると正常色覚・Protanopia（赤色盲）・Deuteranopia（緑色盲）・Tritanopia（青色盲）・Achromatopsia（全色盲）の5種で同時シミュレーションできるブラウザ完結型ツールです。Brettel/Vienot の変換行列による数学的変換で正確に再現。WCAG AA/AAA コントラスト比判定も表示します。 ■ 主な機能 ✓ 5種の色覚特性を同時シミュレーション（数学的変換行列使用） ✓ 最大8色まで登録・比較 ✓ 白・黒背景に対する WCAG AA/AAA コントラスト比を自動判定 ✓ 変換後HEXをリスト形式でコピー ✓ プリセットカラー（赤・緑・青・黄）をワンクリック追加 ■ 使い方 1. 下記URLをブラウザで開く https://devtools-hub.vercel.app/tools/color-blindness-simulator 2. HEXカラーを入力または追加 3. 5種の色覚シミュレーション結果とWCAGコントラスト比を確認 ■ 動作環境 ・ブラウザ：Chrome / Firefox / Safari / Edge（最新版推奨） ・インストール不要、アカウント登録不要 ■ 収録ファイル ・README.txt（Web ツール URL 記載） ■ ライセンス 個人・商用問わず使用可 Copyright (c) 2026 KOMA
■ このツールについて
Color Blindness Simulator は、HEXカラーを入力すると正常色覚・Protanopia（赤色盲）・Deuteranopia（緑色盲）・Tritanopia（青色盲）・Achromatopsia（全色盲）の5種で同時シミュレーションできるブラウザ完結型ツールです。Brettel/Vienot の変換行列による数学的変換で正確に再現。WCAG AA/AAA コントラスト比判定も表示します。
■ 主な機能
✓ 5種の色覚特性を同時シミュレーション（数学的変換行列使用）
✓ 最大8色まで登録・比較
✓ 白・黒背景に対する WCAG AA/AAA コントラスト比を自動判定
✓ 変換後HEXをリスト形式でコピー
✓ プリセットカラー（赤・緑・青・黄）をワンクリック追加
■ 使い方
1. 下記URLをブラウザで開く
https://devtools-hub.vercel.app/tools/color-blindness-simulator
2. HEXカラーを入力または追加
3. 5種の色覚シミュレーション結果とWCAGコントラスト比を確認
■ 動作環境
・ブラウザ：Chrome / Firefox / Safari / Edge（最新版推奨）
・インストール不要、アカウント登録不要
■ 収録ファイル
・README.txt（Web ツール URL 記載）
■ ライセンス
個人・商用問わず使用可
Copyright (c) 2026 KOMA