Image Color Picker & Palette Extractor

100% Client-Side Private

Extract dominant color palettes and pick pixel-perfect hex values from any image

Click anywhere on photo to extract color
Selected Pixel Color
#3B82F6
HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)

How to extract image colors

  1. 1Upload any image or drag and drop it into the canvas.
  2. 2Hover over pixels to inspect exact HEX and RGB color values.
  3. 3Copy colors directly from the automatically extracted dominant palette.

Brand Identity & Design Sampling

Quickly analyze mood boards, illustrations, and photography to extract cohesive color codes for website themes and UI palettes.

Architecture & Privacy

  • Microsecond Canvas Pixel Sampling: Read image pixel buffers with zero lag using GPU-composited canvas.
  • K-Means Pixel Quantization: Algorithmic bucket clustering surfaces the top 6 most prominent colors.
  • Modern Web EyeDropper API support: Launch native system eyedropper on supported browsers.
  • 100% Client-Side Privacy: Your photos never leave your device. All pixel math happens locally.

Frequently Asked Questions

Related Developer Utilities