ブラウザツールズBrowserTools.jp

カラーコントラストチェッカー(WCAG基準判定)

文字色と背景色を指定すると、WCAG(Web Content Accessibility Guidelines)2.xが定めるコントラスト比を計算し、AA・AAA基準を満たすかどうかを判定します。Webサイト・アプリのアクセシビリティ確認にご活用いただけます。

🔒 画像データはサーバーへ送信されません。機密情報を含む内容でも安心してご利用いただけます。
✅ 準備が完了しました(オフラインでご利用いただけます)

🎨 HEX・RGB・HSL形式での色の相互変換や、カラーピッカーでの色選びはWEBカラーコード変換ツールで行えます。

🎨 定番の配色から選ぶ(クリックで反映)

文字色

背景色

大きな文字のサンプル Aa

通常サイズの文字のサンプルです。Sample Text 123

17.85:1

AA(通常文字)4.5:1以上)✅ 適合AA(大きな文字)3:1以上)✅ 適合AAA(通常文字)7:1以上)✅ 適合AAA(大きな文字)4.5:1以上)✅ 適合

※ 本ツールはWCAG(Web Content Accessibility Guidelines)2.xが定めるコントラスト比の計算式に基づく判定を行うものであり、WCAG準拠そのものを保証するものではありません。実際のサイト全体のアクセシビリティ適合には、文字色・背景色以外の要素も含めた総合的な確認が必要です。


📑 よくある質問と使い方(Q&A)
A. はい、セキュリティ面でも利便性の面でも、極めて安全に設計されています。 当サイトの各ツールは、データをサーバーへ送信して処理する一般的なWebツールとは異なり、お使いのファイルや入力内容をブラウザ内だけで処理する設計を採用しています。そのため、アップロードいただいたファイルや入力内容がサーバーへ送信されることはない仕組みになっています(サイトのアクセス状況を把握するための匿名の統計情報を除きます)。 また、この仕組みにより、ツールの利用に必要な準備が整った後は、通信環境がない状態でもツールをご利用いただけます(準備が完了しているかどうかは、各ツールのページ内表示でご案内しています)。準備完了後であっても、タブを閉じたり再読み込みした場合は、再度通信が必要です。 ※ より詳しい取り扱いについては、プライバシーポリシーもあわせてご確認ください。
A. AAは標準的な達成基準、AAAはより厳格な達成基準です。多くのWebサイトはAA準拠を目標にしています。
A. WCAGでは、文字サイズが大きい(18pt以上、または14pt太字以上)場合は視認性が確保しやすいため、必要なコントラスト比の基準が緩和されています。
A. 本ツールは単色の背景色を前提とした判定です。画像やグラデーション背景の場合は、最も低コントラストになる箇所の色を個別に指定して確認してください。
A. いいえ。本ツールは文字色と背景色1組のコントラスト比のみを判定するものです。WCAG準拠にはリンクのフォーカス表示やページ全体の構造など他の基準も関係するため、本ツールの判定結果はその一部の確認に過ぎません。
A. はい。「濃紺×白」「白×ビジネスブルー」など、可読性の高い代表的な配色パターンをボタンひとつで文字色・背景色の両方に反映できるプリセットをご用意しています。気に入った組み合わせが見つかったら、そのままHEXコードをコピーしてご利用ください。

🛠️ このツールと一緒に使われている機能
🎨 WEBカラーコード変換ツール🎯 ファビコン一括生成ツール
🏷️ おすすめの使い方・シーン
🎨 画像・デザイン加工⚙️ 開発・テキスト編集