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.
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.
Try another tool
Solid Wallpaper
Generate a clean solid-color wallpaper at any dimension.
ICO Viewer
Open .ico files and preview every size inside. Convert to PNG, JPEG, or WebP — runs in your browser.
Favicon Generator
Turn any image into a complete favicon package — .ico, Apple Touch, Android, PWA. Browser-side, free, no signup.