使い方
- プレビューや 出力と同じ基準色と目標を入れます。
- コントラスト未達、完全重複、近すぎる トークンの一覧を見て、出力前に直すべき点がないか確認します。
- 結果が抽象的に見えるなら カラートークンプレビュー に戻り、問題なければ カラートークン出力 へ進みます。
便利ツール
出力前に トークンセットの整合性を確認する
このページはプレビューのあとに、「見た目は悪くないが、その トークンセットをそのまま出してよいか」を一覧で点検するためのページです。
ライト監査スウォッチ
ダーク監査スウォッチ
近いページとの使い分け
アクセシブル配色 はロール配色を作る段階です。カラートークンプレビュー は UI 上の見た目確認です。このページは、そのあとに トークンセットの整合性を一覧で点検する段階です。次に変更後 set と現行 set の差分を見たいなら カラートークン差分 へ進みます。結果に納得できたら カラートークン出力 へ進みます。
FAQ
このページで何を監査できますか？
生成したトークンセットを対象に、コントラスト未達、完全重複ロール、近すぎる色の組み合わせを確認できます。
カラートークンプレビューとの違いは何ですか？
カラートークンプレビューは UI 上の見た目確認用です。このページは出力前に トークンセットの整合性を数値と一覧で点検する段階です。
カラートークン出力との違いは何ですか？
このページは出力前の監査用です。カラートークン出力は監査後に CSS変数や JSON として持ち出す段階です。
完全なデザインレビューの代わりになりますか？
いいえ。これは軽量な整合性チェックであり、ブランドやプロダクト全体のレビューを置き換えるものではありません。