本文へスキップ
Toolshed

画像から配色抽出

画像の代表色を HEX コードで取得し、コピーや書き出しができます。

  • アップロードなし
  • 制限なし
  • 登録不要

ここに画像をドロップ

PNG、JPG、WebP に対応。画像が端末の外に出ることはありません。

入力:
画像
出力:
HEX
実行環境:
お使いの端末
サイズ上限:
なし
アカウント:
不要

画像から配色抽出 の使い方

  1. 画像を追加

    写真、ロゴ、スクリーンショットをドロップします。ファイルは端末の外に出ません。

  2. 色の数を選択

    5〜10 色から選べます。パレットはすぐに更新されます。

  3. コピーまたは書き出し

    HEX コードを 1 色ずつコピーしたり、パレット全体を CSS 変数や JSON としてダウンロードしたりできます。

Toolshed で 画像から配色抽出 を使う理由

  • アップロードなし

    すべてこのブラウザのタブ内で処理されます。ファイルが端末の外に出ることはありません。

  • 制限なし

    ファイルサイズの上限も、1 日の利用回数の制限もありません。端末が処理できる限り、いくらでも使えます。

  • 登録不要

    アカウントもメールアドレスも不要で、透かしも入りません。

よくある質問

代表色はどのように選ばれますか?

画像からピクセルをサンプリングし、メディアンカット法(Color Thief で使われているアルゴリズム)で色ごとにグループ化します。各スウォッチはグループの平均色で、大きいグループ順に並びます。同じ画像なら毎回同じ結果になります。

パレットはどの形式で書き出せますか?

各色を HEX コードとしてコピーできるほか、パレット全体を CSS カスタムプロパティ(--color-1、--color-2、…)のファイル、または HEX と RGB の値を含む JSON としてダウンロードできます。

ファイルはどこかにアップロードされますか?

いいえ。画像から配色抽出 はすべてブラウザ内で動作します。ファイルは端末上で処理され、サーバーに送信されることはありません。

ファイルサイズの上限はありますか?

決まった上限はありません。制限となるのは端末のメモリだけです。非常に大きなファイルは、パソコンのブラウザのほうが快適に動作します。

画像から配色抽出 は本当に無料ですか?

はい。アカウントは不要で、透かしも入りません。各ダウンロードは、短い広告(視聴は任意)か 20 秒の待ち時間で有効になります。このしくみで無料を維持しています。

オフラインでも使えますか?

ページの読み込みが終われば処理はローカルで行われるため、接続が切れても使い続けられます。