Color Picker From Image: Get HEX and RGB Codes
This color picker from image finds the exact color of any pixel in a photo, logo or screenshot. Load an image, move over it to preview colors, and click to copy the HEX, RGB or HSL code. It also pulls out the main colors of the image as a ready-made palette.
You can also paste an image with Ctrl+V. JPG, PNG, WebP, GIF and more.
Main colors in this image
Your picked colors
Images are processed in your browser. Nothing is uploaded to or stored on our server.
Quick answer: Load an image, hover to preview colors, and click the exact spot you want. The HEX code (such as #1A73E8) is copied automatically, and the RGB and HSL values are shown alongside it. The main colors of the image appear below as swatches.
How to use the color picker from image
- Choose an image, drag it into the box, or paste a screenshot with Ctrl+V.
- Move your mouse or finger over the image. The swatch shows the color under the pointer.
- Click or tap to pick a color. Its HEX code is copied and added to your picked colors.
- Click any swatch in Main colors or Your picked colors to copy it again.
- In Chrome and Edge, Pick from screen lets you grab a color from anywhere on your display, not just the image.
HEX, RGB and HSL explained
| Format | Example | Used in |
|---|---|---|
| HEX | #1A73E8 | Websites, CSS, Canva, Figma and most design apps |
| RGB | rgb(26, 115, 232) | CSS, Photoshop, PowerPoint and Office |
| HSL | hsl(214, 82%, 51%) | CSS, when you want to make a color lighter or darker easily |
All three describe the same color. HEX is just the three RGB numbers (0 to 255) written in base 16.
Ideas for using it
- Match a brand: take the exact colors from a logo for slides, posters or a website.
- Design from a photo: build a palette from a holiday picture, a painting or a product shot.
- Fix a website: find the color of a button or heading from a screenshot.
- Home and fashion: match paint, fabric or makeup shades to a photo, keeping in mind that screens and lighting change how colors look.
Photos have many tiny color variations, so neighbouring pixels can give slightly different codes. Zooming into flat areas gives the most reliable result. Convert codes with the hex to RGB converter, build matching sets with the color palette generator, or browse web safe colors.
FAQ
Is my image uploaded?
No. The image is drawn on a canvas in your browser and never leaves your device.
Why does the picked color differ slightly from the original?
JPG compression and color profiles can shift colors by a few points. For exact brand colors, check the brand’s official guidelines.
More free tools
See all of them on the QuickOnlineTips free online tools page and play our free online games.