Webサイトやスライド、資料の「この文字色、背景に対して薄すぎて読めないのでは？」を数値で確かめるためのコントラスト比チェッカーです。文字色（前景）と背景色を `#1e293b` のような HEX で2つ入力すると、WCAG 2.x の相対輝度の計算式でコントラスト比（例 `4.5:1`）を算出し、アクセシビリティ基準である AA・AAA に「通常の文字」「大きな文字」それぞれで合格しているかをチップで一目で示します。判定のしきい値は、通常文字が AA 4.5:1・AAA 7:1、大きな文字（18pt 超＝約24px、または 14pt 超の太字）が AA 3:1・AAA 4.5:1 です。UI 部品や図・アイコンの輪郭は AA で 3:1 が目安になります。色は HEX のテキスト入力に加え、横のカラーピッカーで視覚的に選んでも入力欄が逆引きで埋まります。`#fff` のような3桁の短縮 HEX にも対応。文字色と背景を「入れ替え」ボタンでワンクリックで反転でき、明い背景・暗い背景の両パターンをすぐ比べられます。入力した2色は実際のサンプル文字（通常サイズと大きいサイズ）にそのまま適用したプレビューで、数値だけでなく目でも読みやすさを確認できます。選んだ2色はブラウザに保存されるので、次に開いたときも同じ配色から始められます。重要な点として、入力した色の値はサーバーへ一切アップロード・保存・送信しません。すべての計算が JavaScript であなたのブラウザ内だけで完結するため、未公開のブランドカラーやデザイン中の配色でも安全に確認できます。なお本ツールはコントラスト比（明度差）の判定に絞っており、色覚多様性（色弱）のシミュレーションや、画像・グラデーション背景上の文字の自動サンプリングは対象外です。半透明の色は不透明な実色に置き換えてから入力してください。