2026.05.25 2026.10.24

【Photoshop】画像の配色パレットを自動作成（無料）｜ColorToSwatches

takumi

配色の参考にしたいとき、画像の色をスポイトで1つずつ拾っていませんか？
このスクリプトは、開いている画像から「実際に使われている色」を自動で抽出し、多く使われている順にスウォッチへ登録してくれるPhotoshop用スクリプトです。

使い方

ダイアログを開いたら、上から順に設定して「実行」するだけです。

① 最大色数を決める（登録する色数の上限）
② フォルダ名を入力（スウォッチに作るグループ名）
③ 色のまとめ方・分析精度を選ぶ
④「実行」を押すとスウォッチパネルに新しいフォルダができ、画像で多く使われている色の順に自動で並びます。

こんな方におすすめ

写真やイラストから配色を参考にしたいデザイナー・グラフィッカー
サムネイルやバナーで「この画像に合う色」を素早く揃えたい方
作品やブランドの配色パレットを手早く作りたい方
スポイトで色を1つずつ拾う作業をしている方

調整できる項目

最大色数：登録する色数の上限を指定できます。実際に使われている色だけが登録されます
色のまとめ方：ざっくり／標準／細かく。似た色をどのくらい1つにまとめるかを調整できます
分析精度：標準／高精度／最高精度／原寸。上げるほど小さい色も拾いやすくなります
鮮やかな色を優先：赤・オレンジなど面積の小さい鮮やかな色を優先的に含めます

インストール方法

下の「無料ダウンロード」ボタンから ColorToSwatches.jsx をダウンロードし、Photoshop で「ファイル」→「スクリプト」→「参照…」から選択して実行します
Photoshop の Presets/Scripts フォルダに入れておくと「ファイル → スクリプト」メニューに常駐して便利です

動作環境

macOS / Windows 両対応
Adobe Photoshop（スクリプト実行に対応するバージョン）
RGBカラーの画像を想定（元画像は変更しません）

よくあるご質問

Q. 抽出する色数は変えられますか？

はい。ダイアログの「最大色数」で上限を指定できます。実際に使われている色だけが登録されます。

Q. 登録した色はどこに入りますか？

スウォッチパネルに新しいフォルダ（グループ）を作り、その中に多い順で登録します。今あるスウォッチは消えません。

PRICE

無料

登録・ライセンスキー不要 / 個人・商用利用問わず

下のボタンからそのまま .jsx をダウンロードできます。Mac / Windows 両対応です。

ColorToSwatches を無料ダウンロード

あわせて使いたいおすすめプラグイン

Adobeソフトの作業を効率化するプラグインを紹介しています

おすすめプラグイン10選After Effectsの定番を目的別に

ColorToSwatches — Auto-Build a Color Palette from Any Image (Photoshop Script)

Stop picking colors one by one with the eyedropper. ColorToSwatches automatically extracts the colors actually used in your open image and registers them into the Swatches panel, ordered from most to least used.

How to use

Open the dialog and set the options from top to bottom.
Set the maximum number of colors, a folder (group) name, the grouping level and analysis precision.
Click Run — a new folder appears in the Swatches panel with the colors ordered by usage.

Features

Automatically extracts the colors actually used in the image
Adjustable max color count, color grouping (rough / standard / fine) and analysis precision
Option to prioritize vivid colors (small but vivid reds, oranges, etc.)
Your original image is never modified

System requirements

macOS / Windows both supported
Adobe Photoshop (a version that supports script execution)
RGB images assumed

Price: Free (personal & commercial use OK)

Download & installation

Download ColorToSwatches.jsx (Free, Mac & Windows)

In Photoshop choose File → Scripts → Browse… and select ColorToSwatches.jsx. Putting it in Photoshop’s Presets/Scripts folder adds it to the File → Scripts menu. No license key is needed.

FAQ

The number of extracted colors is adjustable via the dialog.
New colors are added to a new folder in the Swatches panel; your existing swatches are kept.

ABOUT ME