ホーム AlveaHubs無料・登録不要・オフライン動作

カラーパレット抽出ツール

ここに画像をドラッグ
またはクリックしてファイルを選択

このツールについて

このツールはアップロードした画像を解析し、支配的な色をパレットとして抽出します。抽出する色数は3〜10色から選べます。処理はすべてブラウザ内でCanvas APIを使って行われ、画像データがサーバーに送信されることはありません。

使い方

  1. 画像(JPEG、PNG、WebP、GIF)をアップロードまたはドラッグ&ドロップします。
  2. スライダーで抽出する色数(3〜10色)を選びます。
  3. カラースウォッチをクリックしてHEXコードをコピー、または「Copy all (CSS)」ですべての色をCSS変数としてコピーします。

こんな時に

  • デザイン作業のために、ブランドロゴや商品写真のカラーパレットを特定する。
  • 参考画像からUIやプレゼンテーションに使うアクセントカラーを抽出する。
  • デザインアプリを開かずに、写真からHEXコードを素早く取得する。

よくある質問

何色まで抽出できますか?

スライダーを使って3色から10色までの支配的な色を選べます。

スクリーンショットにも使えますか?

はい。JPEG、PNG、WebP、GIFのいずれの画像でも、スクリーンショットを含めて利用できます。

画像で見える色と実際の抽出結果が少し違うのはなぜですか?

パレットはピクセルをサンプリングし、似た色をクラスタリングして生成されるため、非常に微妙なグラデーションは1つの代表色に平均化されることがあります。

画像の解析はすべてブラウザ内で行われます — サーバーに送信されることはありません。