Image Color Picker & Palette Extractor
Pick colors from any image and auto-extract a dominant palette. Get HEX, RGB, HSL values. Free, private.
Extract Colors From Any Image
Click anywhere on an image to get that exact pixel's color as HEX, RGB, and HSL — or read off an auto-extracted 4-to-10 color dominant palette using median-cut quantization. Everything runs in your browser; nothing is uploaded.
Which format to use
| Format | Best for |
|---|---|
| HEX | CSS, design tools, quick copy-paste |
| RGB | Canvas/JS code, image processing |
| HSL | Tweaking a color's lightness or saturation by hand |
What You Get
- Eyedropper — click any pixel for precise HEX, RGB, HSL values
- Dominant palette — 4 to 10 colors extracted automatically
- One-click copy — click any color swatch to copy its HEX code
Use Cases
- Match brand colors from a logo or screenshot
- Build a color scheme from a photo for design mockups
- Identify exact shades for CSS or design systems
Need to resize or compress images? Try Resize Image or Compress JPEG.
Frequently asked questions
What colour formats do I get?
Each sampled colour is shown as HEX, RGB, and HSL so you can paste it straight into CSS or a design tool.
How is the palette extracted?
The tool analyses the image and groups its most frequent colours into a dominant palette, useful for theming and design.
What’s the difference between HEX, RGB, and HSL?
They describe the same colour differently: HEX and RGB by red/green/blue channels, and HSL by hue, saturation, and lightness, which is easier to tweak.
Is it private?
Yes — the image is analysed in your browser and never uploaded.
Can I copy a colour code with one click?
Yes — click any sampled or palette colour to copy its code straight to your clipboard.
How many colours does the palette show?
Choose 4, 6, 8, or 10 — the palette re-extracts instantly when you change the count.
What’s the difference between the picked colour and the palette?
The picked colour is the exact value of the single pixel you clicked. The palette is different — it groups the whole image’s most frequent colours, which is more useful for an overall theme.
Does it work on images with transparency?
Yes, though clicking a fully transparent area samples whatever RGB value the file stored there — often black or white — since transparency itself carries no colour.