カラーパレット生成ツールを開くと、まず基準となるカラーを選択する画面が表示されます。カラーピッカーに直接HEXコードを入力するか、パレットから希望の色をクリックして選択してください。基準色を決めたら、生成モードを選びます。類似色・補色・トリアード・モノクロマティックなど、目的に応じたモードを選択できます。各モードの特徴は画面内の説明文を参照してください。初心者の方はまず類似色モードから試してみることをおすすめします。
モードを選択すると、ツールが自動で5〜8色のカラーパレットを生成します。各色にはHEXコードとRGB値が表示されるので、デザインツールやCSSにそのままコピーして利用できます。パレットの並び替えやピン留め機能を使えば、お気に入りの組み合わせを保存しておくことも可能です。生成ボタンを何度押しても、その都度異なるパレットが提案されます。試行錯誤を繰り返して理想の配色を見つけましょう。
完成したパレットはPNG画像やCSS変数の形式でエクスポートできます。チーム共有用にURLを発行することもできるので、デザイナー同士のカラー共有もスムーズに行えます。まずは気軽に基準色を変えてみて、さまざまなパレットパターンを試してみましょう。操作に慣れれば、プロ並みの配色設計が短時間でできるようになります。