開発者向け
色覚シミュレーター
8種類の色覚特性をシミュレートし、WCAGコントラスト準拠をチェック。
前景色
背景色
タイプを選択
2型色覚(緑色盲)
影響を受ける人口 ~1%第二色盲
テキストプレビュー
大きなサンプルテキスト
小さなサンプルテキスト
コントラスト比
3.98:1
通常テキスト: Fail大きなテキスト: AA
シミュレーション結果
オリジナル
#3b82f61型色覚(赤色盲)
4.4:1#418efaAa
~1% of population
2型色覚(緑色盲)
3.7:1#007df4Aa
~1% of population
3型色覚(青色盲)
4.5:1#009eb0Aa
<0.1% of population
1型色覚異常(赤色弱)
4.3:1#3f8af9Aa
~1% of population
2型色覚異常(緑色弱)
3.8:1#227ff5Aa
~5% of population
3型色覚異常(青色弱)
4.2:1#0093d0Aa
<0.1% of population
全色盲
3.9:1#858585Aa
<0.01% of population
全色弱
4.0:1#6f84bdAa
~0.1% of population
コントラスト比較
| 色覚異常の種類 | 比率 | 通常テキスト | 大きなテキスト |
|---|---|---|---|
| オリジナル | 3.98:1 | Fail | AA |
| 🔴1型色覚(赤色盲) | 4.42:1 | Fail | AA |
| 🟢2型色覚(緑色盲) | 3.71:1 | Fail | AA |
| 🔵3型色覚(青色盲) | 4.51:1 | AA | AAA |
| 🔶1型色覚異常(赤色弱) | 4.26:1 | Fail | AA |
| 🟡2型色覚異常(緑色弱) | 3.81:1 | Fail | AA |
| 🔷3型色覚異常(青色弱) | 4.24:1 | Fail | AA |
| ⬛全色盲 | 3.94:1 | Fail | AA |
| ◻️全色弱 | 3.97:1 | Fail | AA |
色覚シミュレーターについて
8種類の色覚特性をシミュレートし、WCAGコントラスト準拠をチェックします。
使い方
色を入力し、シミュレーションを確認し、WCAG AA/AAA準拠をチェックします。
一般的な使用例
- アクセシブルな色の選択
- 色覚特性を持つユーザー向けUIテスト
- WCAG準拠の確認
- インクルーシブなUIデザイン
- ブランドカラーのアクセシビリティ確認
Frequently Asked Questions About 色覚シミュレーター
What is 色覚シミュレーター?
色覚シミュレーター is a free online tool on akousa.net, a platform with 559+ browser-based utilities. 8種類の色覚特性をシミュレートし、WCAGコントラスト準拠をチェック。 No installation is required.
How do I use 色覚シミュレーター?
Simply open 色覚シミュレーター on akousa.net, enter or upload your data, configure any options, and click the action button. Results appear instantly in your browser.
Is 色覚シミュレーター free?
Yes, the core 色覚シミュレーター experience is free to use without signup. All 559+ tools remain available for everyday use, while Akousa Pro adds optional premium platform features and ad-free browsing.