文字と背景のコントラストを確認

文字色と背景色のコントラスト比を確認できるよ

端末内で処理 · 登録不要
羊が違う印をタグに押しているイラスト

大きい文字は18pt以上、または14pt以上の太字だよ ページ全体の適合判定ではないよ

見本

設定を変えると見本も変わるよ

作業手順で使う入力の形

この形のUTF-8 JSONを入力してね 1ファイルずつ処理するよ 入力値は保存設定へ含めないよ

{
  "foreground": "#3366CC",
  "background": "#FFFFFF"
}

文字色と背景色を選んでね WCAG 2.2の比率と、通常・大きい文字のAA/AAAの基準を表示するよ 大きい文字は18pt以上、または14pt以上の太字だよ

黒い文字+白い背景 → 21:1

不透明なsRGBの単色だけを比較します。透明度、画像・グラデーション背景、ページ全体の適合判定は扱いません。判定は丸め前の値で行います。