05 // Unicode・記号・エンコーディング開発ツールCONTRAST-CHECKER
WCAG 2.1 AA / AAA カラーコントラスト比＆相対輝度チェッカー
文字色と背景色の相対輝度 `L` とコントラスト比 `(L₁ + 0.05) / (L₂ + 0.05)` を算出し、通常文字・大きな文字・UI部品のWCAG合格判定をリアルタイムに表示します。
Contrast 17.06 : 1
The quick brown fox jumps over 0123456789.
CONTRAST RATIO
17.06 : 1
WCAG AA NORMAL (≥4.5)
PASS
WCAG AAA NORMAL (≥7.0)
PASS
WCAG AA LARGE (≥3.0)
PASS
このツールは役に立ちましたか？
よくある質問（FAQ）
WCAG 2.1 AA / AAA カラーコントラスト比＆相対輝度チェッカーの使い方は？+
数値を入力するかスライダーを動かすだけで、WCAG 2.1 AA / AAA カラーコントラスト比＆相対輝度チェッカー（数式: contrast-checker）をブラウザ上で即座に計算・視覚化できます。文字色と背景色の相対輝度 `L` とコントラスト比 `(L₁ + 0.05) / (L₂ + 0.05)` を算出し、通常文字・大きな文字・UI部品のWCAG合格判定をリアルタイムに表示します。
WCAG 2.1 AA / AAA カラーコントラスト比＆相対輝度チェッカーの計算結果やグラフは保存できますか？+
はい。計算結果のワンクリックコピーに加え、高解像度のSVG・PNG画像、CSVデータ、印刷用ワークシートとして即座に出力できます。
WCAG 2.1 AA / AAA カラーコントラスト比＆相対輝度チェッカーのサンプルデータを消去して白紙から入力できますか？+
はい。ツール上部のクリア（白紙から開始）ボタンを押すとすべての入力欄がリセットされ、いつでもサンプルデータを再読み込みできます。