使い方
- まず基準色を1つ決めます。
- UI token や chart bands に必要な step 数に応じて 5段・7段・9段を選びます。
- 使いたい step を選んで、HEX・RGB・HSL を次のツールや仕様書へ渡します。
Wave 47 expansion
パレット候補の次に、system-ready な段階色を作る
このページは palette や gradient の検討後、最終的な contrast や handoff の前に置く中継面です。答えるのは「この基準色から順序付きの scale をどう作るか」だけです。
近いページとの使い分け
カラーピッカー は最初の色を探す段階、色温度チェック は暖色寄りか寒色寄りかの方向を先に見たい段階、カラーパレット生成 は周辺候補を広げる段階で使います。このページは、1つの基準色から ordered な step を作って token や chart states に使いたい段階で使います。選んだ step を並べて背景化したいなら グラデーション生成、形式変換は カラー変換、可読性確認は コントラストチェッカー へ進みます。
FAQ
このページで何ができますか？
1つの基準色から 5段、7段、9段の色スケールを作り、各 step の値を確認できます。
カラーパレット生成との違いは何ですか？
カラーパレット生成は周辺候補色を広げるページです。このページは、UI token や chart states に使う ordered な light-to-dark step を作るページです。
デザインファイルは出力できますか？
いいえ。出力は順序付きの色 step とコピー用の色値だけです。
共有URLには何が入りますか？
基準色、step 数、選択中の step key だけが入ります。