色の設計図 — WCAG適合の配色 58組（ライト＋ダーク・7形式・CSS/Tailwind/Figma/ASE）

配色を決めるたびにコントラスト比の計算機に色を貼り付けて、4.5:1 に届かなくて少し暗くして、また貼り付けて——あの往復をやめられます。

このパックの58組は、先に基準を決めて、その基準を満たす色を計算で出しています。「作ってから測った」のではなく「測って作った」ので、外れる色がそもそも入っていません。

■ 入っているもの

・配色 58組（季節14・情景と工芸12・業種別20・公共と情報4・アクセシビリティ特化8）

・各組にライト／ダークの2モード

・各モードに 35 の役割（背景3・境界痚2・文字3・主色6・副色4・成功／警告／危険／情報 各4・フォーカスリング）

・合計 4,060 色

■ 7つの形式

CSS カスタムプロパティ／Tailwind v3 config／Tailwind v4 @theme／W3C デザイントークン（オブジェクト形式）／同 hex 文字列版／Figma バリアブル JSON／Tokens Studio JSON／Adobe ASE（Photoshop・Illustrator・InDesign・Affinity）。

CSS は1枚読み込むだけでライト／ダークが自動で切り替わります。

■ 証拠がついてきます

3,364 件のコントラスト実測表（CSV）を同梱しています。監査や発注元への提出にそのまま使えます。

■ 使ってよい範囲

個人・商用ともに可。クレジット表記不要。改変可。

禁止：配色データそのものの再配布・転売、生成AI の学習データとしての利用。

（全文は同梱の LICENSE をご覧ください）

■ 形式

zip・約 900KB

■ 無料の見本

同じショップに、6組だけのお試し版を0円で置いています。