WCAG 色コントラスト比チェッカーAI

このエージェントについて

色のHEX値を2つ渡すと、WCAG 2.2のコントラスト比と文字・UI要素の合否を計算するエージェントです。2色の基本計算を対話で行い、複数の用途を一度に整理します。色を画像から自動採取する機能はありません。

主な機能

• sRGBの相対輝度から比率を計算し、通常文字、大きな文字、UI要素を個別に判定します。
• AAとAAAを混同せず、基準値と実際の比率を並べます。
• 希望があれば、背景色または文字色を固定したまま改善色を探し、候補を再検算します。
• 透明度が指定された場合は背景への合成を考慮します。

使い方

「文字 #767676、背景 #FFFFFF。AAとAAAを確認して」のように入力してください。文字色を固定したい場合は「背景だけ変える」と付けます。複数ペアは一覧で送れます。

利用場面

1. デザインシステムの文字色と背景色の組み合わせを確認する。
2. ボタン境界線やアイコンの非テキスト基準を確認する。
3. 基準に届かない色の近い代替案を探す。

利用時のポイント

通常文字と大きな文字では必要比率が異なります。表示値が4.50でも、判定は丸める前の比率に基づきます。色以外のWCAG要件は別途確認してください。

よくある質問

どこまで確認できますか？ 2色の基本計算に加えて、用途別の判定と改善候補を会話でまとめます。

サイト全体のアクセシビリティ適合を保証しますか？ いいえ。ここで扱うのは入力した色のコントラストです。