Tool
CSS Playground
設定を変えるとリアルタイムにプレビューが更新されます。できた CSS をコピーしてそのまま使えます。
| 基準 | 必要比 | 結果 |
|---|---|---|
| AA（通常） | 4.5:1 | |
| AA（大文字） | 3:1 | |
| AAA（通常） | 7:1 |
見出しサンプル
本文のテキストです。この色の組み合わせで読みやすいか確認してください。
Tool
設定を変えるとリアルタイムにプレビューが更新されます。できた CSS をコピーしてそのまま使えます。
| 基準 | 必要比 | 結果 |
|---|---|---|
| AA（通常） | 4.5:1 | |
| AA（大文字） | 3:1 | |
| AAA（通常） | 7:1 |
本文のテキストです。この色の組み合わせで読みやすいか確認してください。