Skip to content
UUTOOLS.NET

Pick a Colour from an Image

Get the HEX, RGB, HSL or CMYK code of any pixel in an image, plus its main colour palette.

or drag and drop here, or paste with Ctrl+V / ⌘V

Accepted: JPG, PNG, WebP, HEIC, SVG, AVIF, GIF, BMP, ICO, TIFF

Convert on our server?

If you continue, the file is uploaded over an encrypted connection and converted on our server. You can keep using the site meanwhile. The original is deleted as soon as it is converted; the result is kept for 7 days so you can download it, and you can delete it at any time. Files are never shared or used for anything else.

Your images are processed in your browser and are not uploaded. Privacy details

How to use: Colour Picker from Image

  1. 1 Choose, drag in or paste an image or screenshot.
  2. 2 Move over the image: the magnifier shows the exact pixels; click to pick a colour.
  3. 3 Copy the code you need: HEX, RGB, HSL, HSV or CMYK.
  4. 4 Use the main colours list to copy the whole palette, also as CSS variables.

About this tool

Designers, developers and anyone matching a brand colour often need the exact code of a colour they can see in a logo, photo or screenshot. Click the spot and you get the colour in every common notation: HEX for the web, RGB, HSL and HSV for design tools, and CMYK as a starting point for print.

The magnifier shows the pixels around the pointer enlarged, so you can hit thin lines and small details precisely. Photos are noisy, so you can average a 3 × 3, 5 × 5 or 11 × 11 area instead of a single pixel. Every pick goes into a history you can copy as a list. The tool also finds the image's main colours (4 to 12) with their share of the picture, ready to copy as HEX codes or CSS variables.

It works with the keyboard too (arrow keys and Enter) and reads every supported format, including HEIC, SVG and TIFF. The image is only opened in your browser and is not uploaded.

Frequently asked questions

Why is the colour slightly different from the one in the design file?

JPEG compression and colour profiles change pixels slightly. Pick from a PNG or the original file, or use an average area for a more representative value.

Is the CMYK value exact for printing?

It is a straightforward conversion without a printer profile, good as a starting point. For exact print colours, ask your print shop or use their profile.

How are the main colours found?

The image is grouped into the most common colour clusters (k-means). Each colour shows how much of the picture it covers.

Can I pick colours from a screenshot?

Yes. Take a screenshot and paste it with Ctrl+V (Cmd+V on Mac), or choose the saved file.

Is my image uploaded?

No. The colours are read by your browser; the image stays on your device.

Related tools