Image Color Picker
Pick any colour from a photo or screenshot and copy its HEX, RGB and HSL values, and see the image's main colour palette.
Choose an image, move over it to preview colours and click to pick one.
Drag & drop an image or screenshot here, or click to choose
Read in your browser - nothing is uploaded.
Colour palette
Picked colours
More Image Editing Tools
View all 12Screenshots give exact colours; photos and JPGs blend neighbouring pixels, so check a few points and use the palette.
Get the Exact Colour From Any Image
Matching a brand colour from a logo, picking a shade from a photo for a design, or checking a colour in a screenshot - this tool shows the colour under your pointer and copies its HEX, RGB or HSL code with one click. It also lists the main colours of the image as a ready-made palette.
How to Use It
- Choose an image or a screenshot.
- Move over it: the swatch, the codes and the magnified view follow your pointer.
- Click to pick a colour. It is added to your picked colours.
- Click the clipboard icon next to a code, or any palette swatch, to copy it.
HEX, RGB and HSL
They describe the same colour in different ways. HEX (such as #2563EB) is the usual choice for CSS and design tools. RGB gives the red, green and blue amounts from 0 to 255. HSL (hue, saturation, lightness) makes it easy to create lighter or darker versions of the same colour. Use the palette in the CSS Gradient Generator or the CSS Color Palette Generator.
Limitations
JPG photos blend neighbouring pixels, so one pixel can differ slightly from the colour you see; the palette, which averages the main areas, is often more useful for photos. Large images are shown at a reduced size, so very fine details can be averaged. Colours depend on the image's own colour profile and your screen.
Frequently Asked Questions
Explore More Tools
Keep going with related categories and our most used tools.