About the Image Color Picker
Upload an image and click anywhere to get the exact color in HEX, RGB and HSL. The tool also extracts the image's dominant colors, so you can build a palette from a photo or logo.
Key features
- Click any pixel to get its exact color
- HEX, RGB and HSL codes with one-click copy
- Live preview as you move over the image
- Dominant color palette with percentages
- History of picked colors
- Private: images stay in your browser
Get exact colors from any image
Match a brand color from a logo, pick a paint shade from a room photo, build a palette from a sunset, or find the colors used in a design screenshot. Upload an image and click: you'll get the color code instantly, plus the image's dominant colors.
Color codes explained
| Format | Example | Where it's used |
|---|---|---|
| HEX | #F59E0B | Websites, CSS, Figma, Canva |
| RGB | rgb(245, 158, 11) | Screens, Photoshop, PowerPoint |
| HSL | hsl(38, 92%, 50%) | CSS, adjusting lightness |
Ideas
- Brand matching: get the exact color from a client's logo.
- Design inspiration: turn a favorite photo into a palette.
- Home and fashion: find matching colors for paint, fabric or outfits.
- Data visualization: pick chart colors that match a report's imagery.
Tips for accurate picks
- Use the original, uncompressed image where possible; heavy JPG compression shifts colors.
- Zoom: larger images give more precise picks.
- For logos, pick from the center of a shape, not anti-aliased edges.
Related tools
Convert and pair colors with the Color Picker, crop to the area you care about, or edit colors.
How to use the Image Color Picker
- Drag and drop your files into the upload area, or click Choose files.
- Set any options, such as quality, page size or page ranges.
- Click the convert button. Processing happens right in your browser.
- Download each result individually, or all of them as a ZIP.