午前2時の喫茶店CREATOR LAB / SMALL WORKBENCH

PALETTE NOTES / 02

画像から、配色のメモを。

画像から5色までの配色候補を拾います。色を調整して、見本PNG・SVG・CSS・JSONで保存できます。

プレビューへ ↓

01 / PICK AN IMAGE

色の元を選ぶ

PNG・JPEG・WebP / 15MB・一辺12000px以内。画面全体を小さく読み取ります。

画像なしでも、下の5色を手動で変えられます。写真の色を大まかにまとめるため、完全な色解析や配色の権利確認を行う機能ではありません。

02 / FIVE COLORS

候補を調整する

色の枠を押すと編集できます。少ない色の画像では同じ色が複数の欄に入ることがあります。

プレビューを見る ↓
YOUR PREVIEW
このツールを使うにはCanvasに対応したブラウザが必要です。

色や文字を変えるとプレビューに反映します。

PNGは配色メモ、SVGは編集用の色見本、CSS・JSONは制作データとして使えます。出力データには元の画像やファイル名を入れません。

3つの手順

  1. 使う権利のあるPNG・JPEG・WebP画像を選びます。
  2. 配色候補が入ったら、色の枠から好みに合わせて調整します。
  3. 見本PNGか、制作に必要なSVG・CSS・JSONを保存します。
詳しい使い方 →

選んだ画像の内容を、このツールからサーバーへ送信しません。PNG保存後の投稿はご自身で行ってください。端末やブラウザによって文字の形・保存先が変わる場合があります。
ツール・出力物の利用条件画像と保存について既存BOOTH商品の利用条件は、それぞれの商品に従います。