画像
カラーコントラストチェッカー
テキスト色と背景色をカラーピッカーやHEXコードで入力すると、コントラスト比を計算し、WCAGアクセシビリティ基準(AA/AAA)を通常テキストと大きいテキストそれぞれで満たすかすぐに確認できる無料のコントラストチェッカーです。プレビュー画面で実際の見え方も確認できます。
color contrast checker, WCAG contrast ratio, accessibility checker, text background contrast, 대비율 검사, 웹접근성 검사, コントラストチェッカー, 色コントラスト確認, cek kontras warna, pemeriksa kontras, kiểm tra độ tương phản màu, công cụ kiểm tra tương phản, verificador de contraste de color, comprobar contraste- 作成
- 2026.08.20
- 更新
- 2026.09.17
カラーコントラストチェッカー
コントラストチェック
テキスト色
背景色
プレビュー
この背景でのテキスト例です
コントラスト比17.40 : 1
通常テキスト · AA合格
通常テキスト · AAA合格
大きいテキスト (18pt以上) · AA合格
大きいテキスト (18pt以上) · AAA合格
お気に入り Ctrl + N
使い方
1.
カラーピッカーまたはHEXコードでテキスト色と背景色を入力します。
2.
計算されたコントラスト比と一緒にライブプレビューを確認します。
3.
通常テキストと大きいテキストそれぞれについて、WCAG AA/AAA基準を満たしているか確認します。
よくある質問
ツール情報
分類 画像
処理方式 ブラウザで直接処理
データ保存 保存しません
作成日 2026-08-20
更新日 2026-09-17