Image Color Picker

An image color picker lets you pull the exact color of any pixel out of a picture and read it back as a HEX, RGB, HSL, HSV or CMYK code. Drop in a photo, a screenshot, a logo or an exported design, hover to preview the color under your cursor, then click to lock it in — the values appear instantly, ready to copy straight into your stylesheet, design app or brand guide. Nothing is uploaded; the colors are read right in your browser. It works with JPG, PNG, WebP and other common image files.

Designers matching a brand color, developers rebuilding a theme, and artists gathering inspiration all reach for an image color picker for the same reason: it turns a color you can see into a code you can use. Because the tool reads pixels locally, your image never leaves your device — which matters when you are sampling a client mockup or an unreleased screenshot. A built-in magnifier zooms right in so you can land on the exact pixel you want, even inside a smooth gradient or a busy texture.

Get HEX, RGB, HSL, HSV and CMYK at once

Every pick reports all five formats together, so you never need a separate converter. Copy the HEX for CSS and the web, RGB for digital work, HSL or HSV when you want to adjust hue and lightness, and CMYK as a starting point for print. One click copies any value to your clipboard, and each color you pick is saved to a swatch row, so you can gather a set without sampling the same spot twice.

Extract a color palette from any image

As soon as an image loads, this color picker analyses it and pulls its dominant colors into a ready-made palette — choose six, eight, twelve or sixteen. It is a fast way to build a scheme from a photo, a piece of art or a design you admire, or simply to see the main colors in a picture at a glance. Click any swatch to copy its code or make it the current color, and read it in whichever format you need.

Where an image color picker helps

An image color picker earns its place in a lot of everyday work. Match a website or app to a brand by sampling the exact colors from its logo. Rebuild a color scheme you liked from a screenshot. Pull a palette out of a photograph to theme a slide deck or a poster. Check the precise colors a competitor used across their interface. Because a color can look different against different backgrounds, it helps to pick from a few spots and compare, and to test your chosen values in the real design before you commit to them.

How to pick a color from an image

Drop your image onto the page, or paste one with Ctrl or Cmd + V. Move your cursor over it to preview colors live, then click the spot you want; on a phone, tap to pick. Switch the sample size to 3×3 or 5×5 if you would rather average a small area than grab a single noisy pixel — handy for photographs, where neighbouring pixels vary. Copy the format you need and repeat for as many colors as you like. There is no limit, no watermark and no signup.

Working with the picture itself too? Resize Image changes its dimensions, Crop Image trims it to a shape, and Compress Image shrinks the file for the web. To open a modern camera or phone file first, the AVIF to JPG converter handles it.