ページを読み込んでいます
色覚多様性を持つユーザーの見え方をシミュレートし、アクセシブルな配色設計を支援します
カラーパレットモードで前景色・背景色を入力するか、画像モードで画像をアップロードします
7種類の色覚タイプでの見え方とWCAGコントラスト比を確認します
コントラスト比が不足している場合は配色を調整し、すべてのユーザーにアクセシブルなデザインにします
コントラスト比: 17.06:1
色覚多様性(色覚異常)を持つユーザーの見え方を科学的にシミュレートするツールです。Brettel (1997) 法に基づく正確なシミュレーションで、Webデザインやアプリ開発におけるアクセシビリティ対応を支援します。
色覚多様性(色覚異常)とは、特定の色の区別が困難な状態です。日本では男性の約5%、女性の約0.2%が該当します。赤と緑の区別が困難な1型・2型が最も多く、全人口の約8%に影響があります。
Brettel et al. (1997) が提案した色覚シミュレーション手法です。人間の視覚系のLMS錐体応答モデルに基づき、色覚特性に応じた射影変換を行います。現在最も広く使われている科学的なシミュレーション手法の一つです。
はい、すべての処理はお使いのブラウザ内で完結します。画像データがサーバーに送信されることはありません。
WCAG 2.1では、通常テキストに4.5:1以上、大きいテキスト(18pt以上または14pt太字以上)に3:1以上のコントラスト比を要求しています(AA基準)。