WCAG カラー策定ツール

ツール概要

WCAG（2.0 / 2.1 / 2.2）を前提に、カラーペア（文字色×背景色）を追加しながら、コントラスト要件（A / AA / AAA）を満たす配色を設計するための配色リンターです。
カラーペアを積み上げて、OK/NGを見ながらチューニング。JSONエクスポートで吐き出して、Design Token / CSS Variables に流し込むみます。

できること（Features）

• カラーペアを追加して、配色の検証セットを構築（スキーム管理）
• WCAGのレベル（A / AA / AAA）に合わせたコントラスト設計の補助
• 結果をJSONでエクスポートして、デザイントークン化・再利用しやすくする
• WCAG 2.0 / 2.1 / 2.2 の概要も参照可能

おすすめの使い方（Ops）

1. 主要なUIパターン（本文・ボタン・リンク・サブテキスト）を想定してカラーペアを登録
2. AAをベースラインにして、必要箇所だけAAAを狙う（過剰スペックで死なない）
3. JSONをDesign Tokenとして管理し、実装（CSS var）とデザイン（Figma）を同期