Free · No upload · Browser-native
Pick any color,
from any image.
Drop a photo. We extract its dominant 6-colour palette automatically. Hover anywhere to sample a specific pixel. One-click copy in HEX, RGB, or HSL.
No uploadsAuto paletteHEX · RGB · HSL
Drop an image to extract colors
Or click to browse · paste from clipboard with CtrlV
JPG · PNG · WebP · runs entirely in your browser
How to pick colors from an image
- Drop your JPG, PNG, or WebP into the drop zone.
- The auto palette appears on the right — the 6 most dominant colours in your image.
- Move your cursor over the image to sample a specific pixel. The magnifier loupe shows what you're picking.
- Click any swatch to copy HEX. Or expand a swatch for RGB / HSL.
- Export the full palette as CSS, JSON, or a swatch image for your design doc.
When to use this
- Brand palettes — extract the dominant colours from a logo or photo to build a cohesive identity.
- Web design — match a hero image's mood exactly without guessing.
- Photography — find the colour grade of a reference shot, paste it into Lightroom or Photoshop.
- Wallpaper coordination — pull accent colours from a wallpaper to coordinate your widgets and icons.
FAQ
How does the palette extraction work?
We downscale your image to a small bitmap, sample every pixel, and bucket colours into a quantised cube. The 6 most populated buckets become the palette.
What formats can I copy colours in?
HEX, RGB, and HSL — one-click copy for each. The current sampled pixel always shows all three.
Can I export the full palette?
Yes — CSS custom properties, JSON, or a downloadable swatch image you can paste into Figma, Notion, or a design doc.
Is my image uploaded anywhere?
No. Extraction runs entirely in your browser using HTML5 Canvas. Your image never leaves your device.
More image tools