コントラストチェッカー

色コントラスト検査の無料オンラインツール。WCAG AA/AAA基準のコントラスト比を測定、Webアクセシビリティ確認。ブラウザ処理。

2色間のコントラスト比を検査する無料オンラインツールです。WCAG 2.1アクセシビリティ基準（AA、AAA）の適合を自動判定します。ブラウザ内で処理されサーバー通信がありません。WebアクセシビリティやUIデザイン検証に必須です。

前景色
背景色
21.00:1
コントラスト比
通常テキスト
AA (4.5:1)合格
AAA (7:1)合格
大きなテキスト
AA (3:1)合格
AAA (4.5:1)合格
プレビュー

あいうえおかきくけこさしすせそ 1234567890

あいうえおかきくけこさしすせそ 1234567890
lock ファイルはサーバーに送信されません

コントラストチェッカーの使い方は?

  1. 前景色（テキスト）と背景色を入力します。
  2. コントラスト比とWCAG等級（AA/AAA）を確認します。
  3. 必要に応じて色を調整して基準を満たします。

コントラストチェッカーに関するよくある質問

WCAG AAとAAAの違いは？

AAは通常テキスト4.5:1、大きなテキスト3:1以上です。AAAはより厳しく7:1と4.5:1を要求します。

コントラスト比が不適合の場合は？

色を明るくまたは暗く調整してコントラストを高めてください。リアルタイムで結果が確認できます。

関連ツール

カラーピッカー

色を選択してHEX、RGB、HSL値をコピーできます。

カラーコード変換

カラーコード変換の無料オンラインツール。HEX・RGB・HSL・CMYK間のリアルタイム変換とプレビュー。Web開発に便利。ブラウザ処理。

カラーパレット生成

カラーパレット生成の無料オンラインツール。調和のとれた配色を自動生成、補色・類似色・三色配色を提案。ブラウザ処理。

ランダムカラー

ランダムカラー生成の無料オンラインツール。ワンクリックでランダムな色を生成、HEX・RGBコードを即コピー。ブラウザ処理。