コントラストチェッカー
不透明な 2 色を WCAG 2.2 のコントラスト基準で比較します。
使い方
- 例を使うか、任意の値を入力します。
- 計算後、結果をコピーするか詳細をダウンロードできます。
例
入力
#FFFFFF 上の #000000期待される結果
21:1注意点
処理はブラウザ内で実行されます。単位をそろえて入力してください。
計算方法
コントラスト比は (明るい色の輝度 + 0.05) を (暗い色の輝度 + 0.05) で割った値です。判定には丸め前の値を使います。通常の文字は AA が 4.5:1、AAA が 7:1、大きな文字は AA が 3:1、AAA が 4.5:1 です。