カラーパレットジェネレーター でできること
始める前に、主な機能を確認してください。
- ハーモニーモードでカラーパレットを生成
- 好きな色をロックして残りを再ロールします
- 3 ~ 8 色のパレットを作成する
- プロジェクトの CSS 変数としてエクスポート
- パレットを PNG または JSON として保存
- ブランドのカラースキームをチームと共有する
設定リファレンス
4 設定
カラーパレットジェネレーター で使用可能なコントロール。
設定
- ハーモニードロップダウン
- 新しいパレットの色相環ルールを選びます — ランダムな色相、単一色相のモノクロマティック、隣り合う類似色、向かい合う補色、等間隔に配置した3色のトライアドから選択できます。ロックしたスウォッチが配色の軸になります。オプション: ランダムモノクロマティック類似色補色トライアド(三色配色)
- カラードロップダウン
- パレットに含める色見本の数を3〜8で設定します(初期値は5)。減らすと先頭の色が残り、増やしても既存の見本はそのままで新しい枠が追加されます。オプション: 345678
パレット
- 生成ワンクリック
- ロックされていない見本をすべてシャッフルし、現在の配色モードで新しいパレットを生成します。スペースキーでも同じ操作ができます。
- ロックオン/オフ
- 個々のスウォッチをロックして、生成し直しても色が保たれるようにします。調和モードでは、ロックした色を軸に、残りの配色が組み立てられます。
無料で利用可能 · 登録不要 · 透かしなしアップロードは転送中に暗号化されます保持ポリシーに基づいて削除されました
カラーパレットジェネレーター の関連ツール
カラーパレットジェネレーター の後の一般的な次のステップのためのツール。
よくある質問
カラーパレットジェネレーターでできること
ビジネス、クリエイター、日常業務など、実際の問題を毎日解決します。自分に合ったユースケースを見つけて始めましょう。
マーケティング
ブランドカラーの検討
既存のブランドカラーを固定したまま、そのまわりでハーモニーモードを切り替えながら相性の良いセカンダリーカラーやアクセントカラーを見つけ、結果をスタイルガイド用のCSS変数としてエクスポートできます。
クリエイター向け
Webサイトとアプリのデザイン
しっくりくる配色が見つかるまで5色の配色パターンを生成し、各コンポーネント用に個別のHEXコードをコピーして、パレットのURLを開発者と共有すれば、全員が同じ色を基準に作業できます。
使い方・ユースケース
プレゼンテーションとSNS用テンプレート
PNG画像としてパレットをダウンロードし、スライド資料やCanvaテンプレート、クライアント向けのムードボードに視覚的なリファレンスとして活用しましょう。
クリエイター向け
アート・クラフト・インテリアのプロジェクト
アナロガスモードやモノクロモードを使えば、部屋のカラーコーディネート、編み物やキルト作品、イラスト制作向けの落ち着いた統一感のあるパレットを作れます。
変換結果を一つずつ確認
すべての写真はスラッシュをそのまま通過し、反対側が完成して出てきます。




























