前景色と背景色のコントラスト比をWCAG 2.2のAA/AAA基準で判定。1色または両色を調整した合格候補も提案。
前景色（テキスト）
背景色
見出しテキスト Heading
本文テキストのサンプルです。The quick brown fox jumps over the lazy dog.
小さなテキスト Small text
AA 通常テキスト
必要: 4.5:1
AA 大きなテキスト
必要: 3:1
AAA 通常テキスト
必要: 7:1
AAA 大きなテキスト
必要: 4.5:1
AA 非テキスト（隣接色）
必要: 3:1
この2色は表示中の5つのコントラスト基準を満たしています
判定対象は不透明な単色sRGBの組み合わせです。半透明色や画像・グラデーション上の文字は、実際に隣接する最も低いコントラスト部分を別途確認してください。
WCAG（Web Content Accessibility Guidelines）2.2では、通常テキストのAAを4.5:1以上、24px以上の通常文字または約18.5px以上の太字に相当する大きなテキストのAAを3:1以上としています。AAAは通常テキストで7:1以上、大きなテキストで4.5:1以上です。
UIコンポーネントや意味を持つ図形の境界は、隣接色との3:1以上がAAの目安です。ただし、どの色同士を測るべきかは部品の状態や形によって異なるため、このツールは入力した2色の比率を示し、サイト全体の適合を保証するものではありません。
8bit sRGB値を0〜1へ正規化し、値が0.04045以下なら V/12.92、それ以外なら ((V+0.055)/1.055)^2.4 で線形化します。相対輝度は L = 0.2126×R + 0.7152×G + 0.0722×B です。
明るい色の輝度L1と暗い色の輝度L2から (L1+0.05)/(L2+0.05) を計算します。画面表示は小数第2位までですが、合否は丸める前の値で判定します。
提案色は、変更する側の元色のHSL色相・彩度を基準に、明度を1ポイント刻みで変えた候補からRGB距離が近い合格色を選びます。1色だけでは目標比率へ届かない場合は、前景色と背景色の両方を調整した候補を表示します。
判定対象は不透明な単色sRGBです。アルファ値、ICCプロファイル、画像、動画、グラデーション、文字の縁取りやアンチエイリアスは計算に含みません。これらは実際の表示で最もコントラストが低い隣接部分を確認してください。
