Menu
Open Tools

Image Color Picker

Free, browser-based, no upload required

Drop any image to extract its dominant color palette. Get HEX, RGB and HSL codes. Click anywhere on the image to pick an exact pixel color. Nothing leaves your device.

HEX + RGB + HSLClick to pick any pixelCSS exportDownload paletteNo uploads

Drop any image to extract its colors

JPEG, PNG, WebP, AVIF, GIF, SVG. Your image never leaves this device.

Choose image

Who uses this tool

Brand designers

Extract a brand's exact colors from a logo or product photo. Get clean HEX codes to drop into Figma, Sketch or CSS.

Web developers

Copy CSS custom properties directly. Match a client's brand colors without guessing or sampling from screenshots.

Social media creators

Build a consistent color palette for feed posts and stories by extracting colors from your key brand image.

Interior designers

Extract colors from a mood board photo, fabric swatch or paint sample to build a cohesive room palette.

Photographers

Analyse the color mood of a shot. See the dominant tones to guide editing or to match across a series.

Print designers

Identify exact RGB values from a reference image before converting to CMYK for print production.

Frequently asked questions

How does the color extraction work?

The tool uses a median-cut quantization algorithm, the same technique used by professional tools like Color Thief. It reads the pixel data from your image directly in the browser, groups similar colors together, and returns the most dominant distinct colors. Everything runs locally — your image is never sent to a server.

What color formats are shown?

Each extracted color shows HEX (for CSS and web), RGB (red, green, blue values), and HSL (hue, saturation, lightness). You can click any value to copy it to your clipboard instantly.

Can I pick a specific color from the image?

Yes. After uploading an image, you can tap or click anywhere on it to read the exact pixel color at that point. The color is shown with HEX, RGB and HSL values and can be copied to your clipboard.

How many colors can I extract?

You can extract between 3 and 12 dominant colors. Use the palette size control to choose how many colors you want. Smaller palettes work well for branding and logos. Larger palettes are better for complex photographs.

Can I export the palette?

Yes. You can copy the full palette as CSS custom properties (variables) with one click, or download the palette as a PNG swatch image to use in design tools.

Is my image uploaded anywhere?

No. Your image never leaves your device. All color extraction happens entirely in your browser. You can verify this by disconnecting from the internet — the tool still works perfectly.