カラーパレット抽出

画像から主要な色を HEX/RGB 値と、すぐ使える CSS 変数として抽出。

ポスターや表紙、ブランドの配色を作るとき、既にある好きな画像から色を抜くのが一番早いです。このツールは画像を縮小してピクセル頻度を数え、各色の画像内シェアとともに主要な色を返し、さらにコピーしてすぐ使える CSS 変数も出力します。

使い方

1. 1画像を入れると、パレットがすぐに表示されます。
2. 2抽出する色数（3〜12）を調整し、各スウォッチのシェアを確認します。
3. 3単一の HEX をコピーするか、リスト全体／CSS 変数をワンクリックで取得します。

よくある質問

関連ツール

• Midjourney グリッド分割2×2 や 3×3 の AI グリッド画像を個別タイルに切り、まとめてダウンロード。
• 画像圧縮画像を入れて品質スライダーで軽く——前後のサイズを表示、アップロードなし。
• 画像リサイズピクセル指定かプリセット（Xiaohongshu / Instagram / X / 動画カバー）でリサイズ、比を固定。
• 画像フォーマット変換PNG・JPG・WebP をブラウザ内で一括変換、品質調整付き、アップロードなし。
• EXIF メタデータ削除カメラ・日時・GPS のメタデータを再エンコードで除去——まずプライバシーをチェック。
• 画像クロッパー範囲をドラッグ、定番の比を固定、回転と反転、そのまま書き出し。
• 白背景メーカーフラットな背景をワンクリックで白に——商品写真がきれいに、アップロードなし。
• SVG プレビュー・PNG変換SVG マークアップを貼り付けてプレビューし、任意の倍率で透過 PNG を書き出し。
• CSS グラデーション生成線形と円形のグラデーションを視覚的に作り、CSS をコピーするか背景画像を書き出し。
• カラーパレット生成ベースカラーから相性・三元色・類似の配色を HEX と CSS 変数で生成。