Color picker
Drop an image, click any pixel to read its hex / RGB / alpha. Below the image, the eight most-used colours appear as swatches.
Drop an image here
PNG / JPG / WebP / SVG
Ready.
When to use this tool
Pull colours out of a screenshot, photo, or design exported as PNG. Useful for matching a brand colour, building a palette from a mood board, or grabbing a hex value without opening Photoshop.
Step by step
- Drop an image. The first one loads automatically.
- Click any pixel — the hex / RGB / alpha appears in the bar above.
- The palette below shows the eight most-frequent colours.
Use cases
- Brand-colour audit. Click on the logo in a screenshot to grab the exact hex.
- Mood-board palette. Pick top colours from a reference image.
- Design QA. Verify a rendered screen matches the spec colours.
FAQ
How is the palette computed?
A 64×64 downscale + 4-bit-per-channel quantisation, then a frequency count. Fast and good enough for "what are the dominant colours" — not a full clustering algorithm.
Can I copy a colour by clicking the swatch?
Hover over the swatch to see its hex; copy with right-click → Copy. Auto-copy is on the wishlist.