true,CURLOPT_FOLLOWLOCATION=>true,CURLOPT_TIMEOUT=>10,CURLOPT_USERAGENT=>'Mozilla/5.0 (compatible)']); $data = curl_exec($ch); $ct = curl_getinfo($ch, CURLINFO_CONTENT_TYPE); curl_close($ch); if ($data && strpos($ct,'image')!==false){header('Content-Type: '.$ct);header('Access-Control-Allow-Origin: *');echo $data;}else{http_response_code(422);} exit; } ?> 画像からカラーパレット生成 — 無料・即時 | ImageColorPalette.com
カラーパレットジェネレーター

画像から カラーパレット
を即座に抽出

写真をアップロードするだけで美しいカラーパレットを即座に取得 — HEX・RGB・HSLコード、無料・登録不要。

画像をここにドロップ
またはタップして選択  ·  PNG、JPG、WEBP、GIF  ·  クリップボードから貼り付け
画像がない?
パレットの色数:
画像をタップして色を選択
#000000
#000000
rgb(0,0,0)hsl(0,0%,0%)
パレット

画像からカラーパレットを抽出する最も簡単な方法

ブランドデザイナー、ウェブ開発者、フォトグラファー、または写真の色に興味がある方 — この無料ツールで1回のアップロードで即座に正確なパレットを取得できます。

完全プライベート

画像はデバイスから外に出ません。色の抽出はCanvas APIを使用してブラウザ内でローカルに実行されます。アップロードなし、トラッキングなし。

摩擦ゼロ

アカウント不要、登録不要、ペイウォールなし — 永遠に。すべての機能が完全無料。アップロード、パレット取得、エクスポート。以上。

プロ品質の出力

すべての色にHEX、RGB、HSL。パレットをPNG、CSSカスタムプロパティ、またはJSONでエクスポート — あらゆるワークフローに対応。

カラーパレットジェネレーターの使い方

1

画像をアップロード

ドラッグ&ドロップ、クリックして参照、クリップボードから貼り付け、またはURLから読み込み。JPG、PNG、WEBP、GIF — どんな形式でも。

2

アルゴリズムが色を分析

メディアンカット量子化がすべてのピクセルをスキャンし、画像の最も支配的で視覚的に異なる色を識別します。

3

パレットを取得

6〜12色を即座に確認、それぞれHEX、RGB、HSLコード付き。カラーカードをタップしてコピー。

4

エクスポートして使用

PNGスウォッチとしてダウンロード、CSS変数としてコピー、またはJSONを取得 — Figma、コード、どんなデザインツールにも対応。

カラーパレットジェネレーターを使うのは?

ブランドデザイナーからゲーム開発者まで、画像からパレットを抽出することは普遍的なデザイン作業です。

🎨

ブランド・UIデザイナー

ムードボードの写真やブランド画像からパレットを抽出し、数秒で一貫したカラーシステムを構築。

📸

フォトグラファー・クリエイター

写真の正確なトーンを見つけて、一貫したInstagramグリッド、動画サムネイル、SNSグラフィックを作成。

💻

ウェブ・アプリ開発者

UIの色をデザインアセットに合わせたり、スクリーンショットからhexコードを取得したり、クライアントのロゴからCSS変数を生成。

🎮

ゲームデザイナー・イラストレーター

参考アートからパレットを抽出し、アセット間で色を合わせ、キャラクターカラーシートを即座に作成。

よくある質問

画像をツールにドラッグするか、クリックして参照するか、クリップボードから貼り付けてアップロードします。ジェネレーターが即座に写真を分析し、最も支配的な色を抽出して、HEX、RGB、HSLコードで表示します。画像の任意の場所をタップして正確なピクセルカラーを選択することもできます。

はい — 100%無料、制限なし、アカウント不要。PNGエクスポート、CSS変数、JSONエクスポートを含むすべての機能が無料です。

ツール上のセレクターで6、8、10、または12色から選択できます。再生成をクリックすると、同じ画像から異なる支配的なトーンのグループ分けを取得できます。

いいえ。画像はデバイスから出ません。すべての色抽出はHTML5 Canvas APIを使用してブラウザ内で完全に行われます。画像データをサーバーに送信することはありません。

一般的なウェブ形式はすべて対応:JPG/JPEG、PNG、WEBP、GIF、BMP、SVG。ファイルサイズ制限なし — 高解像度の画像も完璧に動作します。

プロのデザインツールで使用されているのと同じ手法であるメディアンカット量子化を使用しています。画像からピクセルをサンプリングし、最も代表的で視覚的に異なる色を見つけるために色空間を再帰的に分割します。

はい。パレットパネルの「エクスポート」をクリックして、高解像度PNGスウォッチ(2000×1000px)をダウンロードするか、CSSカスタムプロパティとしてコピーするか、各色のHEX、RGB、HSL値を含むJSON配列としてコピーできます。