使い方
- 基準となる 1 色を決めます。
- 今の課題に合う配色ルールを選びます。
- 候補をクリックして、HEX・RGB・HSL を次のツールや仕様書へ渡します。
Wave 49 expansion
1色から関係性のある配色へ広げる
このページは、色の方向感が決まったあとに、最終パレットやコントラスト確認へ進む前段として置いています。明暗ではなく色相関係で候補を作りたいときの入口です。
近いページとの使い分け
カラーピッカー は最初の色を探すとき、色温度チェック は暖色寄り・寒色寄りを決めたいときに使います。このページは、複数色どうしの色相関係を先に決めたいときの入口です。候補の明暗やアクセントを広げたいなら カラーパレット、1色を段階色へ落とし込みたいなら カラースケール、最終候補どうしの近さを数値で見たいなら 色差チェック、最終の読みやすさ確認なら コントラストチェック へ進みます。
FAQ
このページでは何ができますか？
1つの基準色から、類似色・補色・トライアド・分裂補色など、色相関係ベースの配色候補を作ります。
カラーパレットとの違いは何ですか？
カラーパレットは1色の周辺にある明暗やアクセント候補を広げるページです。このページは、複数色どうしの色相関係を先に決めたいときに使います。
デザインファイルを書き出せますか？
いいえ。ブラウザ内で配色候補を作り、HEX・RGB・HSL をコピーする軽量ツールです。
共有URLには何が入りますか？
基準色、配色ルール、現在選んでいる候補キーが入ります。