コントラスト比チェッカー
文字色と背景色の WCAG コントラスト比を計算し、AA/AAA の合否を判定。アクセシブルな配色に。
デザイン
使い方
- 文字色と背景色を入力(またはカラーピッカーで選択)します。
- コントラスト比とプレビューが即座に表示されます。
- AA/AAA(通常・大きい文字)の合否を ✓ / ✗ で確認します。
よくある質問
「大きい文字」の基準は?
18pt(または太字14pt)以上です。AA は通常4.5:1・大3:1、AAA は通常7:1・大4.5:1が基準です。
対応している色形式は?
#hex(3桁/6桁)と rgb() / rgba() に対応します。
入力データは送信されますか?
いいえ。計算はすべてブラウザ内で完結します。