Pick pixel-exact colors directly from any photo, screenshot, or graphic with a live zoom loupe. Extract dominant 6-color palettes, convert between HEX, RGB, and HSL, and generate color harmonies — 100% in your browser.
How to pick colors from an image in your browser
- Load your image. Upload a picture, drag and drop a file, or paste directly from your clipboard.
- Hover and inspect. Move your cursor over the image to preview exact pixel colors in the 10× zoom loupe.
- Click to sample. Click any pixel to add it to your recent colors list and view its HEX, RGB, and HSL values.
- Extract palette and harmonies. Copy colors individually, copy the full 6-color palette as CSS variables, or switch to manual mode to explore harmonies.
Use Cases
Frequently Asked Questions
Is my image uploaded to a server?
No. Your image is processed entirely within your browser using the HTML5 Canvas API. The file never leaves your computer.
How is the color palette chosen?
The dominant 6-color palette is generated using k-means clustering with k-means++ seeding directly on sampled pixels from your image.
Why do picked colors differ slightly from my design file?
Slight variations can occur due to image compression (like JPEG artifacts) or differences in browser color management and display profiles.
Can I still enter HEX, RGB, or HSL values manually?
Yes. Switch to the Manual tab at any time to type or adjust HEX, RGB, or HSL channels directly and see live complementary, analogous, and triadic harmonies.
What image formats and sizes are supported?
You can load PNG, JPEG, WebP, GIF, SVG, and other standard web formats up to 40 megapixels.