WCAG AAおよびAAAのアクセシビリティ要件を満たすために、任意の背景色に対するテキストの読みやすさを評価します。同時にHEX、RGB、HSL表記のカラーコードも一括変換できます。
前景色（文字色）の入力
文字色をHEX、RGB、またはHSL形式で入力してください。
背景色の設定
白、黒を選択するか、任意の背景カラーコードを入力してコントラストをテストします。
確認 & 調整
適合基準の判定を確認し、さらにコントラストが必要な場合は輝度ステップをクリックして調整します。
選択した色を純白、純黒、または任意のカスタム背景色に対してテストできます。正確なコントラスト比を算出し、AA（4.5:1）、AAA（7.0:1）、大きなテキスト（3.0:1）の各要件を満たしているか確認できます。
ブランドカラーがアクセシビリティのコントラスト基準を満たさない場合でも、算出された9段階の輝度ステップをクリックするだけで、色相を変えずに基準を満たす明暗を選べます。
HEX（#RGB、#RRGGBB、#RRGGBBAA）、rgb()、hsl()、スペース区切りの3つの数値、および50種類以上のCSSカラー名に対応しています。
いいえ。本ツールはウェブや画面表示などのデジタルフォーマット（HEX、RGB、HSL）専用に設計されています。
はい。約50種類の標準CSSカラー名を自動で認識し、変換できます。