カラーコントラストチェッカー
テキスト色と背景色を入力すると、コントラスト比を計算しWCAGアクセシビリティ基準(AA/AAA)への適合をすぐに確認できます。
このページはCoupang Partnersプログラムの一環であり、これによる一定の手数料を受け取る場合があります。
color contrast checker, WCAG contrast ratio, accessibility checker, text background contrastカラーコントラストチェッカー
コントラストチェック
テキスト色
背景色
プレビュー
この背景でのテキスト例です
コントラスト比17.40 : 1
通常テキスト · AA合格
通常テキスト · AAA合格
大きいテキスト (18pt以上) · AA合格
大きいテキスト (18pt以上) · AAA合格
コメント
最初のコメントを残してみましょう！
このページはCoupang Partnersプログラムの一環であり、これによる一定の手数料を受け取る場合があります。
ツール情報
分類 画像
処理方式 ブラウザで直接処理
データ保存 保存しません
更新日 2026-08-20
使い方
1
カラーピッカーまたはHEXコードでテキスト色と背景色を入力します。
2
計算されたコントラスト比と一緒にライブプレビューを確認します。
3
通常テキストと大きいテキストそれぞれについて、WCAG AA/AAA基準を満たしているか確認します。
よくある質問
お気に入り
このページはCoupang Partnersプログラムの一環であり、これによる一定の手数料を受け取る場合があります。
このページはCoupang Partnersプログラムの一環であり、これによる一定の手数料を受け取る場合があります。