Illustration: Colors sampled from artwork into a palette.
Illustration: Colors sampled from artwork into a palette.
Source artwork

Illustrative preview

カラー パレット ジェネレーター — カラー スキームの構築とエクスポート

補色、類似、三項、その他の調和モードを使用して 3 ~ 8 個のカラー パレットを生成します。カラーをロックしたり、URL を共有したり、CSS、JSON、PNG を無料でエクスポートしたりできます。

カラーパレットジェネレーター でできること

始める前に、主な機能を確認してください。

  • ハーモニーモードでカラーパレットを生成
  • 好きな色をロックして残りを再ロールします
  • 3 ~ 8 色のパレットを作成する
  • プロジェクトの CSS 変数としてエクスポート
  • パレットを PNG または JSON として保存
  • ブランドのカラースキームをチームと共有する

設定リファレンス

カラーパレットジェネレーター で使用可能なコントロール。

設定

ハーモニードロップダウン
新しいパレットの色相環ルールを選びます — ランダムな色相、単一色相のモノクロマティック、隣り合う類似色、向かい合う補色、等間隔に配置した3色のトライアドから選択できます。ロックしたスウォッチが配色の軸になります。オプション: ランダムモノクロマティック類似色補色トライアド(三色配色)
カラードロップダウン
パレットに含める色見本の数を3〜8で設定します(初期値は5)。減らすと先頭の色が残り、増やしても既存の見本はそのままで新しい枠が追加されます。オプション: 345678

パレット

生成ワンクリック
ロックされていない見本をすべてシャッフルし、現在の配色モードで新しいパレットを生成します。スペースキーでも同じ操作ができます。
ロックオン/オフ
個々のスウォッチをロックして、生成し直しても色が保たれるようにします。調和モードでは、ロックした色を軸に、残りの配色が組み立てられます。
無料で利用可能 · 登録不要 · 透かしなしアップロードは転送中に暗号化されます保持ポリシーに基づいて削除されました

よくある質問

カラーパレットジェネレーターでできること

ビジネス、クリエイター、日常業務など、実際の問題を毎日解決します。自分に合ったユースケースを見つけて始めましょう。

マーケティング

ブランドカラーの検討

既存のブランドカラーを固定したまま、そのまわりでハーモニーモードを切り替えながら相性の良いセカンダリーカラーやアクセントカラーを見つけ、結果をスタイルガイド用のCSS変数としてエクスポートできます。

クリエイター向け

Webサイトとアプリのデザイン

しっくりくる配色が見つかるまで5色の配色パターンを生成し、各コンポーネント用に個別のHEXコードをコピーして、パレットのURLを開発者と共有すれば、全員が同じ色を基準に作業できます。

使い方・ユースケース

プレゼンテーションとSNS用テンプレート

PNG画像としてパレットをダウンロードし、スライド資料やCanvaテンプレート、クライアント向けのムードボードに視覚的なリファレンスとして活用しましょう。

クリエイター向け

アート・クラフト・インテリアのプロジェクト

アナロガスモードやモノクロモードを使えば、部屋のカラーコーディネート、編み物やキルト作品、イラスト制作向けの落ち着いた統一感のあるパレットを作れます。

変換結果を一つずつ確認

すべての写真はスラッシュをそのまま通過し、反対側が完成して出てきます。