画像カラー抽出
画像をアップロードして主要な色を抽出し、カラーパレットを即座に作成します。
画像カラー抽出ツールは、Median Cut アルゴリズムを使ってアップロードした画像から主要色を抽出し、HEX・RGB・HSL 値と各色の占有割合を返します。ピクセルを正確に拾えるスポイト機能付きで、パレットは CSS 変数・JSON・Tailwind 設定・PNG スウォッチ形式でエクスポート可能です。Canvas API を使ってブラウザ内で完結 — アップロードなし。FreeToolHub 制作。
画像をドロップするかクリックしてアップロード
JPEG、PNG、WebP、GIF、BMP、SVG対応 — 最大50 MB
またはクリップボードから貼り付け（Ctrl+V）
カラーパレット
パレットをエクスポート
画像はすべてブラウザ内で処理されます。サーバーへのアップロードは一切ありません。
FAQ
画像はサーバーにアップロードされますか？
いいえ。すべての処理はHTML5 Canvas APIを使用してブラウザ内で完結します。画像がデバイスから外に出ることはありません。
色の抽出はどのように機能しますか？
ツールはMedian Cutアルゴリズムを使用して画像のすべてのピクセルを分析し、類似した色をグループ化します。各グループの平均色を計算してパレットを生成します。
割合は何を意味しますか？
割合のパーセンテージは、画像の中で各色がどのくらいの面積を占めているかを示します。30%の色は画像面積の約3分の1を占めています。
特定のピクセルの色を選択できますか？
はい。スポイトツールを有効にして、画像の任意の場所をクリックするとそのピクセルの正確な色を選択できます。選択した色をパレットに追加できます。
どのエクスポート形式が利用できますか？
パレットをCSSカスタムプロパティ、JSON配列、またはTailwind CSS設定スニペットとしてコピーできます。パレットをPNGスウォッチ画像としてダウンロードすることもできます。
なぜ白と黒が除外されるのですか？
ほぼ白やほぼ黒のピクセルは、画像の意味のある色を表さない背景や影であることが多いです。このオプションをオフにすると含めることができます。