配色提案ツール

ソフトウェアの使用方法

1. メインカラーの設定：「メインカラー設定」でカラーピッカー、HEX入力欄、またはHSLスライダーを使って基準色を設定します。サンプル色をクリックしてすばやく読み込むこともできます。
2. 配色ルールの選択：
   • モノクロ：同じ色相を基に明暗の階層を生成し、統一感のあるデザインに適しています。
   • 類似色：隣接する色相を選択し、柔らかく奥行きのある視覚効果に適しています。
   • 補色：色相環の反対側の色を使用し、ボタン、見出し、重要な内容を強調するのに適しています。
   • 分割補色：対比関係に穏やかな色を加え、キャンペーン画像やイベントビジュアルに適しています。
   • トライアド、テトラード、スクエア：グラフ、カテゴリタグ、複数モジュールの画面に適しています。
   • ニュートラルカラー：ビジネスページ、ツール画面、ドキュメント系デザインに適しています。
3. 生成パラメータの調整：色数、近接角度、彩度オフセット、明度オフセット、ニュートラル化比率、並び順、グラデーション角度を設定します。
4. 配色方案のプレビュー：「プレビュー微調整」に入り、各色のHEX、RGB、HSL、コントラスト情報を確認します。色値ボタンをクリックするとコピーできます。
5. 方案と設定の保存：「現在の方案を保存」をクリックすると配色方案をお気に入りに保存でき、「設定を保存」をクリックすると現在のパラメータを保存して、後で続けて使用できます。
6. 一括生成：「保存・エクスポート」で方案数と変化幅を設定し、「一括生成」をクリックして複数の配色方案を生成します。画面には最初の20件の方案が表示され、ダウンロード時にはすべての結果が含まれます。
7. ファイルのエクスポート：JSON、CSS、SCSS、PNGファイルを個別にダウンロードできるほか、エクスポート内容を選択してZIP圧縮ファイルとしてダウンロードすることもできます。

よくある質問