🔖 よく使われる配色プリセット
1
チェック数
1
AA合格
0
AA不合格
あAaアイウ
Sample Text サンプル
コントラスト比
16.40:1
AAA
AA ✓AAA ✓
1:1AA 4.5:1AAA 7:121:1
前景色
#1E1E2E
rgb(30, 30, 46)
hsl(240, 21%, 15%)
背景色
#FFFFFF
rgb(255, 255, 255)
hsl(0, 0%, 100%)
📋 WCAG 2.1 コントラスト基準
| テキスト種別 | AA レベル | AAA レベル |
|---|---|---|
| 通常テキスト（18pt未満 / 14pt未満 Bold） | 4.5:1 | 7.0:1 |
| 大テキスト（18pt以上 / 14pt以上 Bold） | 3.0:1 | 4.5:1 |
※ コントラスト比はWCAG 2.1 Success Criterion 1.4.3 / 1.4.6 に基づきます。最大コントラスト比は21:1（白×黒）です。
🔤 対応入力形式
HEX
3桁・6桁対応
RGB
0〜255の整数
HSL
色相・彩度・輝度