配色コントラスト（WCAG 2）

このツールの流れ

具体例

例: #000000 と #ffffff は 21:1 で全基準を満たし、同じ色同士は 1:1 でどの基準も満たしません。

サンプル：紫の文字 × 淡い背景

使い方（3ステップ）

1. 文字色と背景色をHEXで入力します（カラーピッカーも使えます）。
2. 文字サイズと太字かどうかを選びます。
3. 「実行」でコントラスト比とAA / AAAの判定を確認し、CSSで保存します。

できないこと・注意

#RGB / #RRGGBB の不透明な色だけを受け付けます。透過（#RRGGBBAA や rgba）は背景との合成結果が決まらないため拒否し、合成後の色を入力してもらいます。実際の見え方は端末や環境光で変わります。

関連ツール

• 検索・SNS表示の下書きページのタイトル・説明文・URLを入れて、文字数（全角換算）の目安と、検索結果・SNSカードの簡易プレビュー、metaタグのコードを作ります。
• 正規表現テストJavaScriptの正規表現をテキストに当てて、一致箇所・捕捉グループ・置換プレビューを確認します。処理は別スレッド（Web Worker）で動かし、時間がかかりすぎるパターンは1.5秒で打ち切ります。
• 文章差分（行単位）変更前と変更後の文章を行単位で比べ、追加・削除・同一を左右並びと統合表示で示します。変更部分だけをTXTで持ち帰れます。
• JSON検証・整形JSONの構文を検証し、エラーなら行・文字位置と該当行を示します。正しいJSONは整形（インデント）またはminifyし、キーの並べ替えや重複キーの注記ができます。