Image Color Extractor

What is Image Color Extractor?#

Image Color Extractor pulls the dominant colors from an image and turns them into a palette you can copy. Drop a photo, screenshot, or logo, and the tool groups similar pixels into a small set of colors and shows how much of the image each one covers.

Each swatch is ready as HEX, RGB, HSL, or OKLCH, and the whole palette can be copied at once. The image is read in your browser and is never uploaded. To pick the exact color of one pixel instead, use Image Color Picker.

How to Use#

1. Add an image by dropping it, pasting it, or choosing a file.
2. Choose how many colors you want, from 2 to 16.
3. Pick an extraction mode and adjust the near-white and near-black exclusions.
4. Select a swatch to copy its value, or copy the whole palette.

Sorting and the copy format only change how the palette is shown, so you can switch them at any time.

Extraction Modes#

A mode changes which pixels count more when the palette is chosen.

• Balanced: follows how often each color appears. The palette reflects the image as it is.
• Vivid: leans toward saturated colors. Use it to pull accent or brand colors.
• Calm: leans toward muted colors. Use it for quiet background colors.
• Light: leans toward bright colors. Use it for light backgrounds and surfaces.
• Deep: leans toward dark colors. Use it for headings or a dark UI.

A mode does not change the colors themselves; it changes which colors from the image are favored. If the image has few saturated colors, Vivid cannot make them saturated. When the image already leans one way, the difference is small.

Reading the Palette#

• Share: the percentage shown on each color, counted after the exclusions.
• Ratio bar: the palette as a single bar. Each section is one color, sized by its share. Hover to see the value and share, or select a section to copy the color.
• Sort order: arrange the palette by frequency, hue, or lightness.
• Color format: show and copy values as HEX, RGB, HSL, or OKLCH.
• Copy all: copy every color, one per line, in the selected format.

Near-white and near-black pixels are excluded by default so that backgrounds and shadows do not crowd out the colors you are after. The strength slider controls how close a pixel must be to white or black to be removed.

Supported Formats#

PNG, JPEG, WebP, GIF, BMP, and AVIF are supported. An animated GIF uses only its first frame. SVG is not supported, because its pixels cannot be read directly. Transparent pixels are not counted as colors.

Before reading the colors, an image is scaled down to a long side of 200 pixels. This keeps the palette quick to recalculate and does not change the dominant colors. Very small details and thin lines can disappear in the scaling.

FAQ#