任意の写真からカラーパレットを抽出
写真をアップロードすると、ツールがピクセル データを分析して、最も主要な 5 ～ 10 色を特定します。各スウォッチには HEX、RGB、および HSL 値が表示され、すぐにデザイン ツール、CSS ファイル、またはブランド スタイル ガイドにコピーできます。エクスポートする前に、色の数を調整し、個々のスウォッチを微調整します。
このツールは無料で使用できますBrowser tool
Color palette generator
Upload an image to extract a dominant color palette with HEX, RGB, and approximate share. Processing stays in your browser.
使用方法
写真をアップロードする
JPEG、PNG、または WebP ファイルをツールにドラッグします。横向き、縦向き、正方形の画像はすべて機能します。アルゴリズムはキャンバス全体をサンプリングします。
パレットのサイズを設定する
スライダーを移動して 5 ～ 10 色を選択します。パレットは調整するとリアルタイムで再生成されます。
カラーをコピーまたは調整する
任意のスウォッチをクリックして、その 16 進コードをコピーします。微調整するには、スウォッチ上の編集アイコンをクリックしてカラー ピッカーを開き、色相、彩度、または明度を変更します。
輸出
パレットを PNG スウォッチ カード、CSS 変数ファイル、Adobe ASE ファイル、または JSON 配列としてダウンロードします。設計または開発のワークフローに合った形式を使用してください。
特徴
ドミナントカラー抽出
K 平均法クラスタリング アルゴリズムは、画像内のすべてのピクセルを分析し、それらを 5 ～ 10 個の支配的なカラー クラスターにグループ化します。その結果、写真の視覚的な雰囲気を正確に表現するパレットが得られます。
複数のカラーフォーマット
各スウォッチには、HEX、RGB、および HSL 値が表示されます。任意の値をクリックしてクリップボードにコピーします。 CSS、デザインツール、または印刷仕様のいずれで作業しているかに応じて、形式を切り替えます。
調整可能なパレットサイズ
スライダーを使用して、5 ～ 10 個の色見本を生成します。色数が少ないほど、より大胆で単純化されたパレットが作成されます。より多くの色が微妙なグラデーションやアクセントトーンを捉えます。
エクスポートオプション
パレットを PNG スウォッチ カード、CSS カスタム プロパティ ファイル、Adobe ASE スウォッチ ファイル、またはプレーンな JSON 配列としてダウンロードします。各形式はワークフローに直接インポートする準備ができています。
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai Enhance仕様
| パレット範囲 | 5～10色 |
| カラーフォーマット | 16 進数、RGB、HSL |
| エクスポート形式 | PNG、CSS、ASE、JSON |
| アルゴリズム | K-means ピクセル クラスタリング |
| 入力フォーマット | JPEG、PNG、WebP |
| 処理 | クライアント側 (アップロードなし) |
Related Magic Eraser Tools
よくある質問
ツールはどの色が「優勢」であるかをどのように決定するのでしょうか?
+
このツールは、画像内のすべてのピクセルを色の類似性によってグループ化し、各クラスターの平均色を計算する K-means クラスタリングを使用します。より多くのピクセルを表す大きなクラスターほど上位にランクされるため、パレットには最も視覚的な領域をカバーする色が反映されます。
抽出した色をブランドのスタイル ガイドに使用できますか?
+
絶対に。 HEX または RGB コードをスタイル ガイドに直接コピーします。 ASE エクスポートでは、パレットをネイティブ スウォッチとして Adobe Illustrator、Photoshop、または InDesign にインポートすることもできます。
どのタイプの写真が最適なパレットを作成しますか?
+
夕日、食べ物の写真、ファッションのフラットレイなど、明確な色領域を持つ写真は、最も鮮やかで便利なパレットを生成します。低コントラストの画像や単色の画像では、互いに非常に似た見本が生成されます。
写真の色が平坦に見えますか?
AI Enhance は、パレットを抽出する前に Boost 色の鮮やかさを調整し、ホワイト バランスを修正できます。ソース カラーが豊富になると、よりダイナミックで使いやすいスウォッチ セットが得られます。
無料でお試しくださいMore free tools
Explore our other limited free edits after sign-in photo and image tools.
複数のカラーストップを使用して、線形、放射状、円錐形のグラデーションをデザインします。 CSS コードをコピーするか、PNG 画像としてダウンロードします。サインアップは必要ありません。
HEX、RGB、HSL、HSB、CMYK、CSS の名前付き形式の間で色を変換します。ライブ プレビューを表示し、任意の値をコピーし、カラー カードをエクスポートします。サインアップは必要ありません。
HEX カラー コードを RGB 値に、またはその逆に変換します。ライブ プレビュー、ワンクリック コピー、CSS スニペット出力。サインアップは必要ありません。ブラウザで動作します。
アップロードされた画像から任意の色を選択すると、その HEX、RGB、および HSL コードが即座に取得されます。 Web デザイン、ブランディング、イラスト用の写真からパレットを作成します。
URL、テキスト、WiFi 認証情報、および vCard の QR コードを生成します。色をカスタマイズし、センターのロゴを追加し、PNG または SVG としてダウンロードします。サインアップは必要ありません。
画像とビデオの幅、高さ、またはアスペクト比を計算します。任意の 2 つの値を入力すると、3 番目の値が取得されます。ソーシャルメディア、映画、印刷物のプリセット比率。サインアップは必要ありません。