本文へスキップ
TL ToolLab

開発者ツール

色コントラストチェッカー

文字色と背景色のコントラスト比を計算し、WCAG 2.1のAAおよびAAAへの適合を確認します。リアルタイムプレビュー付き。

通常テキストサンプル
可読性テスト用の小さな本文テキストです。
Aa

WCAG結果

AA Normal
AA Large
AAA Normal
AAA Large

WCAG 2.1: AA requires 4.5:1 (normal) / 3:1 (large). AAA requires 7:1 / 4.5:1.