Image Color Picker

Click anywhere on an image to get that colour as HEX, RGB and HSL.

How to Use Image Color Picker

  1. Upload an image.
  2. Click the spot whose colour you want. The swatch and codes update.
  3. Read the HEX, RGB and HSL values, and click Copy Hex to copy the HEX code.

One pixel at a time

The picker reads the single pixel you click, from the full-resolution image even when the preview is scaled down. On flat areas like logos and screenshots that gives you the exact colour. Photos are made of slightly different neighbouring pixels, so clicking two nearby spots on a sky can give two close but different codes. Try a few clicks and pick the one that looks right.

HEX, RGB and HSL

All three describe the same colour. HEX (#1E90FF) is the usual format for websites and design tools. RGB gives the red, green and blue amounts from 0 to 255. HSL (hue, saturation, lightness) is handy when you want a lighter or darker version: keep the hue and change the lightness. Our Color Picker & Converter can turn any of these into the others.

Key Features & Practical Use Cases

  • Finding the exact HEX code of a colour in a logo to use in CSS or a design tool.
  • Matching paint, fabric or a theme to a colour in a photo.
  • Building a colour palette from a picture you like.

Frequently Asked Questions

Why do nearby pixels give different colours?

Photos contain fine variations and compression noise, so neighbouring pixels rarely match exactly. Logos and screenshots give consistent results.

Can I copy the RGB value?

The button copies the HEX code. You can select and copy the RGB or HSL text from the page.

Does it work on screenshots?

Yes. Paste or save the screenshot as an image file and upload it.

Is my image uploaded?

No. The image is read in your browser.

About OneClickly

OneClickly is a set of 119 free tools for PDFs, images, text, everyday math and code. They run in your browser, so the files and text you work with stay on your device.

Related Tools