WCAG カラーコントラストチェッカー
前景色と背景色の HEX を入力し、相対輝度とコントラストをローカルで計算します。WCAG 2.2 達成基準 1.4.3 と 1.4.6 に準拠します。
不透明な sRGB #RGB または #RRGGBB を使用します。アルファと透明度は含みません。
- コントラスト比
- 前景の相対輝度
- 背景の相対輝度
通常文字
AA
AAA
大きな文字
AA
AAA
1つの配色だけでページ全体の WCAG 適合や法的要件を証明することはできません。
使い方
使い方
- Enter a foreground and background color as #RGB or #RRGGBB.
- Review the live swatch, relative luminance, and contrast ratio.
- Use the AA/AAA results as a focused design check.
WCAG 2.2 のしきい値
通常文字は AA 4.5:1、AAA 7:1。大きな文字は AA 3:1、AAA 4.5:1 です。
不透明な sRGB のみ
#RGB と #RRGGBB に対応します。アルファ、透明度、グラデーション、画像、合成には対応しません。
限定的な確認
1 つの配色結果だけでページ全体の WCAG 適合や法的要件を証明することはできません。
よくある質問
あわせて知りたいこと
Which HEX formats are accepted?
Use #RGB or #RRGGBB opaque sRGB values.
Does a passing result prove accessibility?
No. Review the whole page and all relevant states.