FIRST CH TOOLS / 03 CONTRAST CHECKER
コントラスト比チェッカー
文字色と背景色のコントラスト比（WCAG 2.1）を計算し、アクセシビリティ基準 AA / AAA の合否を判定します。結果はURLに反映されるので、そのまま共有できます（例: ?fg=333333&bg=ffffff）。
大きいテキストの見え方（24px太字）
通常テキストの見え方です。本文サイズ（15px）でこの配色がどれだけ読みやすいかを確認できます。
—
コントラスト比
| 基準 | 必要比率 | 判定 |
|---|---|---|
| AA — 通常テキスト | 4.5 : 1 | — |
| AA — 大きいテキスト（18pt / 14pt太字以上） | 3 : 1 | — |
| AAA — 通常テキスト | 7 : 1 | — |
| AAA — 大きいテキスト | 4.5 : 1 | — |
| UI部品・図形（非テキスト） | 3 : 1 | — |
About This Tool
コントラスト比はWCAG 2.1（Webアクセシビリティの国際基準）の相対輝度計算式に基づいて算出しています。 一般的なWebサイトの本文は「AA — 通常テキスト（4.5:1以上）」を満たすことが推奨されます。 当社ではサイト納品時の検収チェック項目としてコントラスト比の確認を標準化しています。