色のコントラストをチェック(WCAG)
2色間のWCAG 2.1コントラスト比を測定し、読みやすいテキストの基準AA・AA Large・AAAを満たすか確認できます。すべてブラウザ内で動作します。
プライバシー第一:すべての画像はブラウザ内でローカルに処理されます。サーバーへのアップロード・保存・送信は一切ありません。
コントラストは好みではなくアクセシビリティ要件
WCAGは、通常のテキストで背景と4.5:1(AA)、AAAで7:1のコントラストを要求します — 多くの組織にとっては法的な領域です。画像の上に載せたテキストは絶えず基準を満たしません。デザイナーは画像の平均に対してコントラストを判断しますが、ユーザーは最も明るい部分に対してそれを読むからです。
実際の画像に対して測る
テキストの色を選び、画像そのものから実際の背景をサンプリングします。チェッカーは比率を計算し、通常テキストと大きいテキストのAA・AAAしきい値に照らして採点します。不合格なら、オーバーレイを暗くするかテキストを明るくして直し — 合格するまで測り直しましょう。すべてローカルで、アップロードはありません。
よくある質問
- 解析のために画像はアップロードされますか?
- いいえ。色の抽出、ヒストグラム、コントラストのチェックはすべてブラウザ内でローカルに実行されます。
- どんな色情報が得られますか?
- 主要色、16 進数コードと占有率付きのコピー可能なパレット、そして RGB と輝度の完全なヒストグラムが得られます。
- コントラストチェッカーは何のためのものですか?
- 2 色間の WCAG 2.1 コントラスト比を測定し、アクセシブルなテキストの基準である AA・AA Large・AAA を満たすかどうかを表示します。
- 色コードをコピーできますか?
- はい。スウォッチをクリックすると 16 進数コードをコピーでき、パレット全体を一度にコピーすることもできます。