DiffCheck

画像カラー抽出

画像をアップロードして主要カラーを抽出。最大 12 色の HEX・RGB・HSL 値を取得できます。ブラウザ完結、アップロード不要。

ここに画像をドロップ、またはクリックして選択

JPEG、PNG、WebP、GIF、SVG に対応

What Is the Image Color Extractor?

The Image Color Extractor analyzes any photo and produces a dominant color palette — the most prominent and visually distinct colors in the image. Get each color as HEX, RGB, or HSL, along with an approximate percentage of how much of the image that color covers.

The tool runs entirely in your browser using the HTML Canvas API. No image is uploaded to any server, making it safe for private photos, design assets, and brand materials.

How to Use the Color Extractor

  1. Select the number of colors you want (4–12) and your preferred format (HEX, RGB, or HSL).
  2. Drop an image onto the upload area, or click to open the file picker.
  3. The palette appears as a color strip and individual swatch cards.
  4. Click any swatch card or the color strip to copy that color value to your clipboard.
  5. Use Copy All to copy the entire palette at once.

Features

  • Extracts 4–12 visually distinct dominant colors
  • Outputs HEX, RGB, and HSL formats — switch with one click
  • Color strip preview with proportional width per color
  • Swatch cards showing color percentage in image
  • Click-to-copy on individual swatches and color strip
  • Copy All exports the full palette to clipboard
  • Drag-and-drop file support
  • 100% client-side — no server, no upload, full privacy

FAQ

How does the color extractor work?

The tool draws your image onto an HTML Canvas, samples the pixel data, and uses a color quantization algorithm to group similar colors and identify the most dominant ones. All processing happens in your browser — no image is sent to any server.

Is my image uploaded anywhere?

No. The image is read locally using the browser's File API and Canvas API. It never leaves your device and nothing is transmitted over the network.

What image formats are supported?

Any format your browser can render: JPEG, PNG, GIF, WebP, SVG, AVIF, and more. HEIC support depends on your operating system and browser.

How many colors can I extract?

You can choose between 4, 6, 8, 10, or 12 dominant colors. The algorithm ensures extracted colors are visually distinct — similar shades are merged so you get a genuinely varied palette.