ツール › デザイン
カラーコントラストチェッカー
文字色や UI の色を WCAG 2.2 の AA・AAA 基準で確認。画面やモックアップから色を取得でき、基準を満たす最も近い色を提案します。
大きな文字 24px
16px の本文は、ロービジョンの人を含め、誰にとっても読みやすくあるべきです。
2.21:1
✗ AA 本文✗ AA 大きな文字✗ AAA 本文✗ AAA 大きな文字✗ UI とアイコン
AA を満たす最も近い文字色： #B4610B
モックアップから色を取得
しくみ
- コントラストは WCAG の相対輝度の式で計算し、監査と同じく切り捨てで表示します。
- 提案される色は色相と彩度をそのままに、明度だけを変えたものです。
よくある質問
大きな文字とはどのくらいですか？
標準の太さで 24 px 以上、太字で 18.66 px 以上です。AA では 4.5:1 ではなく 3:1 が必要です。