WCAG色コントラスト確認
WCAGの相対輝度式で文字色と背景色を比較します。6桁のsRGB色を2つ入力し、比率と、通常文字のAA・大きな文字のAA・通常文字のAAAを個別に確認できます。
無料で使えます。メールアドレスやアカウントの登録は不要です。
入力項目
入力例は計算方法を示すためのものです。実際の寸法、運用データ、価格、手数料を入力してください。 入力を変更すると結果が自動更新されます。
計算はブラウザ内で行います。入力内容は保存せず、アクセス解析にも送信しません。
計算方法
- → L₁; → L₂
- コントラスト比（x:1） = (max(L₁, L₂) + 0.05) ÷ (min(L₁, L₂) + 0.05)
- L = 0.2126 × R + 0.7152 × G + 0.0722 × B
- 計算例
- #000,000 + #ffffff → 21:1; #ffffff + #ffffff → 1:1
入力項目と式の対応
計算結果
入力すると結果が表示されます。
前提と注意点
通常文字AAは4.5:1、大きな文字AAは3:1、通常文字AAAは7:1が必要です。大きな文字は18pt以上、または太字14pt以上です。判定は丸め前の比率を使います。不透明な単色sRGBのみを扱い、透過・グラデーション・画像・フォーカス状態・全体の適合性は別途確認が必要です。
参考資料
- W3C — WCAG 2.2 contrast and relative luminance 資料確認日: 2026-10-28
処理とプライバシー
計算や変換はブラウザ内で行われます。ツールは入力値や生成結果をアプリケーションサーバーへ送信しません。ただし、ページの読み込みには通信が発生します。任意のアクセス解析とGoogleの同意メッセージは、それぞれ別の設定で管理されます。
プライバシーポリシー. 任意のアクセス解析は、フッターの「プライバシーと設定」で管理できます。
出典とメンテナンス
emonsterが運用しています。各出典の確認日は、リアルタイムデータの更新日時や第三者の専門家による認証を意味しません。
