写真、絵画、スクリーンショット、ムードボード画像をドロップするだけで、5～10の主要色とHEX値を取得できます。ブランド写真からパレットを作成したり、お気に入りの絵画からトーンをサンプリングしたり、夕日の色を抽出して壁紙にマッチするデザインシステムを構築したりできます。
抽出の仕組み
このツールは、画像内のすべてのピクセルを色の類似性に基づいてクラスタリングします（CIE Lab空間でのk-means法。人間の色差知覚に近似）。クラスタの中心が主要色になります。クラスタ数は選択可能（デフォルトは5、リッチな画像では最大10）。
Lab空間でのクラスタリングが重要な理由：生のRGBで行うと、視覚的に似た色が重複し、人間の目が捉える微妙な色相の違いを見逃します。Labは人間の知覚に合致するため、パレットが自然に感じられます。
取得できるもの
- 5（または10）のHEXスウォッチ（面積順にランク付け）
- 各色のRGBとHSL
- パレットスウォッチのダウンロード（共有用PNGまたはデザインファイル用SVG）
- CSS変数スニペット（スタイルシートにそのまま貼り付け可能）
- Tailwind設定スニペット（tailwind.config.jsにそのまま使用可能）
よくあるワークフロー
- 商品写真からのブランドパレット。ヒーロー画像をアップロードし、そのトーンからブランドを構築。
- 壁紙に合わせたUIテーマ。お気に入りの壁紙から抽出し、そのパレットをアプリのテーマに。
- デジタルアートのための絵画リファレンス。自分のシーンを描く前に、巨匠のパレットをサンプリング。
- ムードボードの統合。複数のリファレンスからそれぞれ抽出し、お気に入りをマージして1つのパレットに。
関連ツールとの連携
パレットができたら、グラデーションジェネレーターで隣接色間のグラデーションを作成したり、カラーコンバーターで印刷用CMYKに変換できます。画像の特定のスポットから単色を選びたい場合は、カラーピッカーをご利用ください。
よくある質問
抽出できる色数はいくつですか？
デフォルトでは5色、最大10色まで抽出可能です。10色を超えると視覚的に重複した色が現れ始めます。
パレットがほとんどグレーや茶色になるのはなぜですか？
自然光が多い写真は、アースカラーが支配的になります。「ポップ」な色を見つけるには、前景をマスクするか、より鮮やかなソースを使用してください。
ロゴにも対応していますか？
はい — 単色のロゴは正確な色を返します。複数色のロゴは、面積に比例した支配的な色を返します。
パレットを保存できますか？
サインイン（無料）すると、保存したパレットがライブラリに表示されます。
抽出した色を実際に使うと、少しずれて見えるのはなぜですか？
ブラウザのカラープロファイルやCMYK変換によって色が変わることがあります。作業全体を通してsRGB対応のツールを使用してください。
透明PNGはどうですか？
透明ピクセルはクラスターから除外されます。表示されているピクセルのみがカウントされます。
URLから抽出できますか？
プレミアムアカウントでは、画像URLを直接貼り付けることができます。
パレットに最適な画像タイプは？
適切にトリミングされ、明るく、ピントの合った画像です。隅に空や壁、ゴミなどがある写真は、予期せずパレットを支配してしまうことがあります。
概要 パレット抽出ツール
パレット抽出ツール Wallpapers.comの無料オンラインツールで、ブラウザ上で完結 — インストール不要、透かしなし、初回はメール登録不要。
画像から5～10の主要色を抽出します。
使い方 パレット抽出ツール
- スウォッチから色を選ぶか、HEX/RGB値を貼り付け。
- 出力を調整 — パレット、コントラスト、補色
- 値をコピー、またはスウォッチをJSONとしてエクスポート
使用するタイミング
一般的なユースケース:
Webアップロード、eコマース出品、フォーマット制限のあるソーシャルメディアプラットフォーム向けの画像準備、およびデバイスやアプリ間のファイル変換
Free vs Premium
すべての訪問者は無料トライアルを利用可能。サインイン済みの無料ユーザーはより高い日次クォータを取得。購読する
プレミアム
無制限の実行、1ジョブあたり最大200画像の一括処理、優先キュー、広告なしブラウジング
関連ツール
少し違うものをお探しですか？試す
画像から色をピック
,
グラデーションジェネレーター
または
グレースケール変換ツール
— or browse all
カラーツール ツール.
