アクセシブル・カラーパレットジェネレーター

カラーパレットを構築し、どの組み合わせがWCAG 2.2 AA(4.5: 1)とAAA(7: 1)のコントラスト比を満たしているかを瞬時に確認できます。各ペアは自動的にテストされます。

あなたのパレット

コントラスト行列

「すべてのペアをチェック」をクリックしてコントラスト行列を生成します。

アクセシブルなペア

チェックを実行して合格するペアを表示します。

📚 科学的根拠と情報源

このツールが対象とする人

適切な色のコントラストは、視覚障害のある人、色覚異常(CVD)のある人、加齢に関連する視覚障害のある人にとって不可欠です。WHOは、世界中で少なくとも22億人が近視または遠視の障害を抱えていると推定しています(WHO、2019年)。Owsley(2011年)の研究では、コントラスト感度が年齢とともに大幅に低下することが示されており、高齢者にとって高コントラストデザインがより重要になっています。CVDは世界中で約3億人に影響を与えています(Colour Blind Awareness)。デザイナー、開発者、ブランドチームは、このツールを使ってカラーパレットがWCAGの最低コントラスト要件を満たし、これらすべての人口の使いやすさを保つようにします。

WCAG 2.2コントラスト要件

  • SC 1.4.3(最小コントラスト、レベルAA): 通常テキストはコントラスト比 ≥ 4.5: 1が必要。大きなテキスト(18 pt+または14 pt+太字)は ≥ 3: 1が必要。
  • SC 1.4.6(強化されたコントラスト、レベルAAA): 通常テキストはコントラスト比 ≥ 7: 1が必要。大きなテキストは ≥ 4.5: 1が必要。
  • SC 1.4.11(非テキストコントラスト、レベルAA): UIコンポーネントとグラフィカルオブジェクトは、隣接する色とのコントラスト ≥ 3: 1が必要。

科学的参考文献

  • W3C(2023年)。「Web Content Accessibility Guidelines(WCAG)2.2」 w3.org/TR/WCAG22 · このツールで使用されているコントラスト比のしきい値(4.5: 1、7: 1、3: 1)と相対輝度計算アルゴリズムを定義しています。
  • Owsley, C.(2011年)。「Aging and vision」 Vision Research, 51(13), 1610–1622。 · 光学的および神経学的変化により、コントラスト感度が年齢とともに大幅に低下することを記録し、高齢化人口にとって高コントラストデザインの重要性を強調しています。
  • 世界保健機関(2019年)。 世界視覚報告書 · 世界中で少なくとも22億人が視覚障害を抱えており、低視力と老眼が最も一般的な形式であることを確立しています。
  • Legge, G.E.(2007年)。 Psychophysics of Reading in Normal and Low Vision. Lawrence Erlbaum Associates。 · コントラスト、フォントサイズ、間隔が低視力者の読書パフォーマンスに与える影響に関する基礎研究。
  • Arditi, A. & Faye, E.(2004年)。「Monocular and binocular letter contrast sensitivity and letter acuity in a diverse ophthalmologic practice」 Optometry and Vision Science, 81(4), 287–292。 · 機能的視力の指標としてのコントラスト感度の臨床的重要性を実証しています。

アルゴリズム

相対輝度はWCAG 2.2の定義に従って計算されます: sRGBチャンネル値は線形化(ガンマ補正の除去)され、ITU-R BT.709標準に従って重み付けされます(0.2126 R + 0.7152 G + 0.0722 B)。コントラスト比 =(L明るい方 + 0.05)/(L暗い方 + 0.05)。

免責事項

このツールはWCAG 2.2で指定されたアルゴリズムでコントラスト比を計算します。数学的なコントラストしきい値を達成することは、可読性のために必要ですが十分な条件ではありません: フォントの太さ、サイズ、アンチエイリアス、画面のキャリブレーションなどの要因も可読性に影響します。WCAG準拠には、コントラストだけでなくすべての成功基準の評価が必要です。このツールは法的助言を提供しません。正式なアクセシビリティ監査については、資格のある専門家にご相談ください。

関連ツール

カラーコントラストチェッカー 色覚シミュレーター カラーコンバーター WCAG見出しチェッカー