カラートークン差分

現行と変更後の token-ready 配色 を role ごとに比べて、テーマ差し替えや export 前に差分の大きさを整理します。

このページは単体監査の次に使います。最初の配色選びではなく、before / after 差分の確認用です。

他の言語 日本語 | English

使い方

  1. 現行側と変更後側の基準色を、同じ目標条件で入れます。
  2. まず変更ロール一覧を見て、そのあとにコントラスト変化を確認します。
  3. どちらかの set 単体にまだ問題が多いなら、差分を見る前にカラートークン監査へ戻ります。

Wave 57 expansion

現行セットと次セットを migration 前に比較する

このページは「変更後セットは悪くない」からさらに一歩進み、「現行と比べて何がどれだけ変わるか」を見るためのページです。

現行と変更後の token set を role 単位で比較します。

現行セット
変更後セット

近いページとの使い分け

カラートークン監査 は 1 つの token set を単体で点検するページです。このページは、その次に現行セットとの before / after 差分を見る段階です。単一の 2 色差だけを見たいなら 色差チェッカー を使います。role 色は良さそうだが semantic token 名がまだ曖昧なら semantic カラートークン で product / docs / marketing 向けの名前へ落としてから、差分に納得できたら カラートークン出力 へ進みます。

FAQ

このページで何を比較できますか?

現行の基準色と変更後の基準色から作った token-ready 配色を比較し、変更された role とコントラスト変化を確認できます。

カラートークン監査との違いは何ですか?

カラートークン監査は 1 つの token set を単体で点検するページです。このページは、その次に現行セットとの before / after 差分を見る段階です。

色差チェッカーとの違いは何ですか?

色差チェッカーは単一の 2 色差を見るページです。このページは token set 全体を role ごとに比較するためのページです。

完全なテーマレビューの代わりになりますか?

いいえ。軽量な差分確認用であり、ブランドやプロダクト全体のレビューを置き換えるものではありません。