コントラスト比チェッカー
2つの色のコントラスト比を計算してアクセシビリティをチェック
コントラスト比チェック
前景色と背景色を選択
サンプルテキスト
通常のテキスト
小さなテキスト
コントラスト比21.00:1
AAA(大)
WCAG基準:
- AA(小): 3:1以上(大きなテキスト、UIコンポーネント)
- AA(大): 4.5:1以上(通常のテキスト)
- AAA: 7:1以上(最高レベル)
对比度检查 - 使用方法
- 前景色(テキスト色)を入力します
- 背景色を入力します
- コントラスト比とWCAG適合レベルが表示されます
对比度检查 - 介绍
コントラストチェックツールは、2つの色のコントラスト比を計算し、WCAGの基準に適合しているかを判定する無料ツールです。Webアクセシビリティの向上に役立ちます。
常见问题
- Q. WCAGの基準とは?
- A. 通常テキストで4.5:1以上、大きなテキストで3:1以上のコントラスト比が求められます(レベルAA)。