デザインツール

画像からカラーパレットを抽出

画像を選ぶと、主な色をHEXとRGBで表示します。処理はお使いの端末上で行われます。

プライバシー重視:データはお使いの端末から出ません。

画像

JPG、PNG、WebP、GIF、SVG · 端末の外に出ません

画像はこのタブの中で解析され、アップロードされることはありません。

パレット

画像を選ぶと、色が抽出されます。

配色抽出ツールでできること

画像を選ぶと、このツールが主な色をバランスのよいパレットとして取り出します。広い面積を占める色だけでなく、小さくても目立つアクセントカラーも残します。HEXやRGBの値をコピーしたり、パレットをJSONやCSS変数としてダウンロードしたりできます。

配色抽出ツールの使い方

  1. 画像を選ぶか、ドラッグ&ドロップします(JPG、PNG、WebP、GIFなど、ブラウザで表示できる形式)。
  2. パレットに含める色の数を選びます。
  3. 横のボタンでHEXの値をコピーします。
  4. パレットをJSONまたはCSS変数としてダウンロードします。

プライバシー

画像はブラウザが直接開き、端末上のcanvasで解析します。アップロードされることはありません。MyToolsLabには画像を受け取るサーバーがありません。

MyToolsLabのプライバシー保護について

よくある質問

画像からカラーパレットを作るには?

画像を選び、色の数を選ぶだけです。すぐにパレットが表示され、各色のHEXとRGBの値が、画像内で占める面積の大きい順に並びます。

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

似た色のピクセルをグループにまとめ、k-means法でグループを調整します。最初の色を互いに大きく離れた色から選ぶため、小さくても鮮やかなアクセントカラーがパレットに入ることがあります。

透過画像でも使えますか?

使えます。完全またはほぼ透明なピクセルは無視されるので、背景が透明なPNGロゴでも背景がパレットを占めることはありません。

画像はアップロードされますか?

いいえ。ブラウザがファイルを読み込み、端末内で解析します。ページを読み込んだ後にインターネット接続を切っても、ツールは動き続けます。