← ハシトシステム トップ English ツール ブログ
設定
判定結果
21.00 : 1
サンプルテキスト（あいうえお ABC 123）
関連ツール： カラー変換 QR生成 Base64

使い方

  1. 文字色を入力 — 前景（文字）の色をカラーピッカーまたはHEX（#RRGGBB）で指定します。
  2. 背景色を入力 — 背景の色を同様に指定します。
  3. 判定を確認 — コントラスト比と、通常テキスト・大きい文字それぞれのAA/AAA適合が即座に表示されます。

よくある質問（FAQ）

コントラスト比はどのように計算していますか？

WCAG 2.1が定義する相対輝度（relative luminance）にもとづき、(明るい方の輝度 + 0.05) / (暗い方の輝度 + 0.05) で算出しています。計算はすべてブラウザ内のJavaScriptで行われます。

AAとAAAの基準はどう違いますか？

通常テキストではAAが4.5:1以上、AAAが7:1以上を要件とします。大きい文字（およそ18pt/24px以上、または太字14pt/18.66px以上）ではAAが3:1以上、AAAが4.5:1以上です。本ツールはそれぞれの合否を個別に表示します。

入力した色はサーバーに送信されますか？

いいえ。色の入力から比率計算・判定・プレビューまで、すべてお使いのブラウザ内で完結します。サーバーへは何も送信されません。