Tool

Contrast Checker

文字色と背景色を指定して、コントラスト比と WCAG の文字コントラスト基準を確認します。

1目標と色を選ぶ

目標

文字色（HEX）

背景色（HEX）

小さな文字でも、読みやすく。
The quick brown fox jumps over the lazy dog.

大きな文字のサンプル / Aa

太字のサンプル / Bold text

判定は丸める前の数値で行います。

文字	AA	AAA
通常の文字
大きな文字

大きな文字：通常 24px 以上、または太字で約 18.67px 以上。AA は通常 4.5:1／大きな文字 3:1、AAA は通常 7:1／大きな文字 4.5:1 です。

不透明な単色同士の文字コントラストを確認するツールです。WCAG 2.2 の基準

CSS