Image Color Picker

Upload an image, click to sample any pixel color, extract a dominant palette, and copy HEX, RGB, HSL, CSS variables, or JSON.

Pick colors from images and extract palettes

Use the Image Color Picker when you need exact colors from a screenshot, product photo, mood board, illustration, logo, or UI mockup. Upload an image, click or tap the preview to sample a pixel, and copy the selected HEX, RGB, or HSL value.

The palette extractor groups sampled pixels into dominant colors, filters near-duplicates, and provides CSS variables and JSON for quick reuse.

Common workflows

  • Sampling a color from a screenshot, UI mockup, logo, or product photo.
  • Extracting a quick palette from brand imagery or a design reference.
  • Copying HEX, RGB, or HSL values for CSS, design tools, or documentation.
  • Creating CSS variables or JSON tokens from image-derived colors.

Loading tool...

Image color picker FAQ

Does the image upload to a server?

No. The image is loaded into a browser canvas locally for sampling and palette extraction.

Can I use it without uploading an image?

Yes. The tool opens with a generated sample image so you can test picking and palette export immediately.

Why can extracted palettes differ from another app?

Palette tools use different sampling, quantization, and duplicate-filtering rules. This tool favors useful, visibly distinct colors.