画像とデザインツール

色覚条件別コントラストシミュレーター

ローカルの視覚的近似とWCAGの数値目安を確認します。診断やアクセシビリティ認証ではありません。

ブラウザ内で処理登録不要プライバシーの説明 ↗

視覚的な近似のみ。診断や完全な監査ではありません。WCAG評価は元の色、変換後の比率は参考用です。大きな文字は18ptまたは太字14ptです。

モデル:線形sRGB Viénot 1999(protan/deutan)、Brettel 1997(tritan)、完全二色型、色域クリップ、8ビット丸め。参照サイトは行列係数を公開していません。

手法の出典: libDaltonLens · WCAG 2.2

使い方

使い方

  1. 不透明な前景・背景sRGB色を選びます。
  2. Deuteranopia、Protanopia、Tritanopiaを選びます。
  3. 元の色と変換後の表示、相対輝度、コントラストを比較し、要約をコピーします。

シミュレーションモデル

ProtanopiaとDeuteranopiaは線形sRGBのViénot 1999行列、TritanopiaはBrettel 1997の2平面投影を使います。係数はパブリックドメインのlibDaltonLensです。参照サイトは条件のみを示し係数を公開しないため、同一出力は主張しません。完全な二色型のみを近似し、色域クリップと8ビットsRGB丸めを行います。

コントラストの範囲

sRGB線形化後の相対輝度は0.2126R + 0.7152G + 0.0722Bです。AAの目安は通常文字4.5:1、大きな文字3:1(18pt、または太字14pt)。丸め前の比率で判定します。WCAG評価は元の色を用い、変換後の比率は参考用で独立した適合試験ではありません。

よくある質問

あわせて知りたいこと

色覚を診断できますか?

いいえ。個人の色覚、画面、観察条件は異なります。視覚的な近似であり、全員を表すものでも臨床評価の代わりでもありません。

目安を満たせばアクセシブルですか?

いいえ。不透明な色1組のみを確認します。文字描画、透明度、フォーカス、非テキスト、スクリーンリーダー、ページ全体は評価しません。