100 100.tools
画像圧縮ツール 画像リサイズ 画像形式変換 Image Cropper Image to Base64 Converter SVG to PNG Converter 画像透かしツール EXIF表示・削除ツール ファビコンジェネレーター ローカル画像圧縮・変換ツール 背景色を透明化するツール ピクセルアートメーカー ASCIIアート生成ツール 大見出しポスターメーカー

Color Palette Extractor

Extract dominant colors from an image locally and copy HEX, RGB, HSL or CSS variables.

Drop an image here

Ready.

Local only JPG, PNG, WebP. Up to 25 MB.
Drop an image here Use JPG, PNG or WebP to extract dominant colors. Colors are sampled in your browser.

Palette settings

Choose how many colors to extract.

Sampling notes
  • Colors are approximate dominant colors from sampled pixels.
  • Click a swatch to copy its HEX value.
  • Download or copy CSS variables for design handoff.

Extracted palette

Extracted colors will appear here.

Extracted colors will appear here.

Ready.

このカラーパレット抽出ツールについて

このツールはローカル画像をサンプリングし、おおよその主要カラーを抽出します。HEX、RGB、HSL の値をコピーしたり、パレットを CSS 変数として書き出したりできます。

プライバシー

画像はブラウザ内にとどまります。このツールはファイルをアップロードせず、サーバーにも保存しません。

主な機能

  • 画像から主要カラーをローカル抽出
  • HEX、RGB、HSL の値をコピー
  • CSS カスタムプロパティを生成
  • パレット CSS をダウンロード
  • サードパーティーライブラリなしの高速サンプリング

使い方

  1. 画像を追加

    JPG、PNG、WebP 画像を選択するかツールへドラッグします。

  2. 色数を選ぶ

    パレットに含めたい色数を選びます。

  3. 色を抽出

    ブラウザがピクセルをサンプリングし、近い色をグループ化します。

  4. 値をコピー

    スウォッチをクリックするか生成された CSS 変数をコピーします。

よくある質問

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

いいえ。ピクセルのサンプリングはブラウザタブ内で行われます。

色は正確ですか？

サンプリングしたピクセルに基づくおおよその主要カラーです。

CSS をプロジェクトで使えますか？

はい。生成した CSS 変数をコピーまたはダウンロードできます。

なぜ透明ピクセルは無視されるのですか？

透明ピクセルは見える色に寄与しないため、集計から除外されます。

関連ツール

IMAGE Image Cropper Crop photos with aspect ratio presets in your browser. IMAGE 画像圧縮ツール 画像をローカルで圧縮します。 IMAGE 画像リサイズ 画像を寸法、割合、プリセットでローカルリサイズ。 IMAGE 画像形式変換 アップロードなしで画像形式をローカル変換します。 IMAGE Image to Base64 Converter Convert images to Data URI, CSS url() or raw Base64. SVG SVG to PNG Converter Export SVG files or code to PNG locally. IMAGE 画像透かしツール ブラウザ内の画像にテキストまたはロゴの透かしを追加します。 IMAGE EXIF表示・削除ツール 写真メタデータをローカルで表示・削除。