カラーパレット生成
画像から調和するパレットと階調を作成します。
このツールはJavaScriptで動作します。使うには、ブラウザでJavaScriptを有効にしてページを再読み込みしてください。
ひとつの色から、ひとそろいのパレットへ。
カラーパレット生成は、画像をもとに使える状態のカラーパレットを作ります。まず画像の主要な色が測られ（2 から 16 のあいだ、既定は 6）、最も多くの面積を占める色が基準の色に選ばれます。次にこの基準の色から古典的な色彩理論にしたがって調和が導かれます。補色（180°）、分割補色（150° と 210°）、三分割（120° と 240°）、類似（±30°）、四分割（90°、180°、270°）です。さらに基準の色の暗いほうから明るいほうへ六つの明暗の段階が示されます。必要なら、最も鮮やかな色を基準の色にすることもできます。背景が灰色や白の画像では、調和が背景ではなくアクセントの色から導かれます。
主要な色は測られますが、調和は色相環の幾何にしたがって計算されます。薄すぎる、あるいは暗すぎる基準の色から使えないパレットが出ないように、彩度と明るさは無理のない範囲に寄せられます。透明なピクセルは数に入りません。それぞれの色は HEX コードで示され、報告は JSON としてダウンロードできます。写真からサムネイル、資料、ブランドの色を取り出すために使います。画像の中の色とその割合だけを見たい場合は「カラーパレット抽出」のほうが簡素です。
最初から最後まで
- 画像をアップロード 写真、ロゴ、デザインをドラッグするか選択します。
- 主要な色の数を選びます。 2 から 16 のあいだ。6 はたいていの画像でよい出発点です。
- パレットを使います。 調和と明暗の段階を HEX コードで受け取るか、報告を JSON としてダウンロードしてください。
よくある質問
どの調和を選べばよいですか。
補色は強い対比を与え、差し色に向いています。類似は落ち着いた調和のある見え方になります。三分割は鮮やかでありながら釣り合いの取れたパレットになります。四分割は四色で豊かな体系を組み立てます。
明暗の段階は何に役立ちますか。
同じ色の暗いほうから明るいほうへの六つの調子です。背景、枠線、ボタン、文字の色をひとつの基準の色から筋の通った形で選べるようになります。
「カラーパレット抽出」との違いは何ですか。
カラーパレット抽出は画像の中に何があり、その割合がどれくらいかを報告します。このツールはさらに、基準の色からデザインで使える調和した色を導きます。
ファイルはサーバーに残りますか？
いいえ。ファイルは処理のためだけにサーバーへ送られ、処理が終わると削除されます。結果もダウンロードしてツールを閉じると削除されます。アカウント、名前、メールアドレスは不要で、ファイルが第三者のサービスに送られることはありません。利用は無料です。処理回数に 1 時間あたり・1 日あたりの上限はなく、処理の前に広告を見る必要もなく、出力に透かしを入れることもありません。
その他のクリエイターツールツール
RUPO Studio