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