For designers
Grab interface colors from screenshots, inspiration boards or brand assets without guessing from memory.
privacy-first color extraction
Pick exact colors from an image, without uploading it.
Drop a screenshot, product photo, logo or moodboard. The tool samples pixels locally, builds a small palette, and gives copy-ready HEX, RGB and HSL values.
- Local browser processing
- Click any pixel
- Dominant palette
- Copy HEX/RGB/HSL
color studio
Upload or try the demo
Click the preview to pick a pixel color.
Selected color#7C3AED
RGB 124, 58, 237
HSL 262, 84%, 58%
Ready. Load an image or try the demo gradient.
extracted palette
Dominant colors
For developers
Copy stable HEX, RGB and HSL values into CSS tokens, themes or component prototypes.
For content teams
Extract a quick visual palette from thumbnails, article images or campaign references.
How to get a useful palette
- Use a clear image with the colors you actually plan to reuse.
- Click the most important object or background area to get the exact pixel.
- Use the dominant palette for supporting accents, not as a blind brand system.
- Check contrast before using a picked color for text.