画像からカラー抽出 - 主要色を自動検出

画像をドラッグ&ドロップするだけで、主要な色を自動的に抽出します。Median Cutアルゴリズムを使用し、すべての処理がブラウザ内で完結するため、画像がサーバーに送信されることはありません。

ファイルをドラッグ&ドロップ

またはクリックして選択

PNG, JPG, GIF, WebP, BMP

画像カラー抽出とは?

画像カラー抽出ツールは、アップロードされた画像からMedian Cut(メディアンカット)アルゴリズムを使って主要な色を抽出するツールです。抽出された各色のHEX・RGB値と画像中の占有率を表示します。Canvas APIを使用してブラウザ内で処理するため、画像データがサーバーに送信されることはありません。

使い方

  1. 画像をドラッグ&ドロップするか、ファイル選択から画像を読み込みます
  2. 自動的に主要色が抽出されて表示されます
  3. 色数スライダーで抽出する色の数を調整できます
  4. 各色をクリックしてHEX値をコピーします

よくある質問

対応しているファイル形式は?
PNG、JPG/JPEG、GIF、WebP、BMPに対応しています。
大きな画像でも処理できますか?
はい。内部的にリサイズして処理するため、大きな画像でも高速に抽出できます。
画像はサーバーに送信されますか?
いいえ。Canvas APIを使ってブラウザ内で完結します。
抽出した色コードを使うにはどうすればよいですか?
各色をクリックするとHEX値がクリップボードにコピーされます。CSSやデザインツールにそのまま貼り付けて使えます。
抽出色数を変更できますか?
はい。色数スライダーで2〜16色の範囲で抽出する色の数を調整できます。

関連ツール

更新情報

最終更新日: 2026-02-20

  • 2026-02-20 初回リリース