About the Image Color Picker
The Image Color Picker works like a digital eyedropper. Upload a photo, screenshot, logo or design and hover over it to preview colors; click to lock a color and copy its HEX code automatically. You also get the RGB and HSL values, ready for CSS, design tools or brand guidelines.
The tool also extracts a dominant color palette from your image by grouping similar pixels and ranking them by how much of the image they cover. It is a quick way to build a color scheme from a photograph, match a website to a brand logo, or find the exact color used in a competitor's design. Click any palette swatch to copy it.
How to use the Image Color Picker
- Upload, drop or paste an image.
- Move your pointer over the image to preview colors.
- Click to pick a color; its HEX code is copied automatically.
- Use the RGB, HSL values or the dominant palette swatches as needed.
Frequently asked questions
How accurate are the picked colors?
The picker reads the exact pixel value from the image, so the colors are accurate to what is stored in the file.
How is the dominant palette calculated?
Pixels are grouped into similar color buckets, averaged, ranked by coverage, and near-duplicates are removed to leave up to eight distinct colors.
Can I pick colors from a screenshot?
Yes. Take a screenshot, then paste it directly into the page with Ctrl+V.