Pick exact colors from any image
You've found a color you like in a photo, a website screenshot, a logo or a design mockup, and now you need its code. This image color picker works like an eyedropper for any picture: open the image, click a pixel and get the color as HEX, RGB and HSL, ready to paste into CSS, Figma, Photoshop, Canva or PowerPoint. A zoom loupe shows the pixels under the cursor so you can hit exactly the right spot, and a palette of the image's main colors is generated automatically.
Features
- Eyedropper for any image format your browser can open — JPG, PNG, WebP, GIF, SVG, AVIF and HEIC.
- Zoom loupe that magnifies the area under the cursor pixel by pixel.
- HEX, RGB and HSL codes with one-click copy buttons.
- Main color palette extracted from the whole image.
- Pick history of up to 16 colors so you can compare and go back.
- Paste screenshots straight from the clipboard.
- Private: the image never leaves your device.
Which color format should I use?
| Format | Example | Where it's used |
|---|---|---|
| HEX | #1E90FF |
CSS, HTML, Figma, Canva, most design tools |
| RGB | rgb(30, 144, 255) |
CSS, Photoshop, Office apps, programming |
| HSL | hsl(210, 100%, 56%) |
CSS when you want to adjust lightness or saturation |
To convert the picked color to other formats such as CMYK or HSV, or to check its contrast against white and black text, open it in the Color Converter.
Ideas for using it
Match brand colors: pull the exact blue from a company's logo or website screenshot to keep a presentation consistent.
Build a palette: use the main colors of a photo as the starting point for a website, poster or slide theme.
Web development: grab colors from a design mockup that came as an image instead of a design file.
Digital art and crafts: find the codes of colors in a reference photo for painting apps, embroidery or knitting patterns.
Getting accurate results
Pick from the largest, least compressed version of the image you have: PNG screenshots keep colors exact, while JPG photos can shift slightly around edges. Zoom in with the loupe and avoid anti-aliased edges, where pixels blend two colors. If you only need part of a large image, Crop Image first to make it easier to work with.