APCAコントラストコンポーザー

3つのステップで構成：ロールを選択し、コントラストを設定し、色を取得します。

検証指標としてのコントラストを出発点に変えます — まず必要な可読性を宣言すると、エンジンが色を計算します。

1. 01

   ロールとリファレンスを選択

   合成する色はテキストですか、それともサーフェスですか？純白、純黒を参照するか、カスタム背景を入力してください。

2. 02

   目標コントラストを設定

   |Lc|を目標にドラッグします（本文テキストは75以上、大きな文字は60以上）。次に彩度と色相を調整し、「最大彩度」を有効にすると、その色相で実現可能な最も飽和した値を取得できます。

3. 03

   コピーして適用

   測定された|Lc|はリアルタイムで目標を追跡します（±0.1以内）。oklch()/hex/rgb()を直接CSSにコピーしてください。

コントラスト合成FAQ

apcachに関するよくある3つの質問

WCAG比の代わりにAPCAを使用するのはなぜですか？

APCA（Lc 0～108）はフォントサイズと太さによって可読性を評価し、ダークモードと中間のコントラストではるかに正確です。これはWCAG 3の候補です。|Lc|に直接対応して合成することで、結果が自然にAPCA準拠になります。

どの目標コントラストを使用すればよいですか？

目安：本文テキストは75以上、見出しは60以上、UIコンポーネント/アイコンは45以上、装飾要素は30以上。90以上は極端なコントラストで、主に小さな文字や特殊な表示用です。

「最大彩度」は何をする機能ですか？

同じ色相とコントラストの場合、彩度が高いほど鮮やかになりますが、sRGB色域を超えると表示できなくなります。有効にすると、エンジンが色域の境界を二分法で検索し、実現可能な最も飽和した色を返します。

合成後

コントラストツールでWCAG比に基づき合成した色を再確認するか、11段階のスケールに展開してください。