Shiklo Tools
PDF40
Image20
Calculators & Converters25
Text & Writing13
Developer26
Video14
Audio14
Document14
Data & Spreadsheet12
Web & SEO9
OCR & Scanning5
Archive & File12
Security & Privacy23
Health & Medical29
QR & Barcode5

Color Picker from Image

Pick any colour from an image as HEX, RGB and HSL, with a magnifier for precision, a pick history and the image's main colours.

Need the exact colour of a logo, a product photo, a brand screenshot or a painting? Open the image and click anywhere on it: the colour of that pixel appears as a HEX code, an RGB value and an HSL value, ready to copy into CSS, a design tool, PowerPoint or a print order. A magnifier follows your pointer so you can hit a thin line or a single pixel precisely.

The tool also finds the image's main colours automatically and shows them as a palette, with how much of the image each covers — a quick way to build a colour scheme from a photo. Every colour you pick is kept in a history for comparison. Where the browser supports it, you can even pick a colour from anywhere on your screen. The image is opened on your device and never uploaded.

How to use Color Picker from Image

  1. Choose, drop or paste an image.
  2. Click or tap the image where you want the colour — use the magnifier for precision.
  3. Copy the HEX, RGB or HSL value.
  4. Use the palette of main colours and your pick history as needed.

Features

  • Exact pixel colour as HEX, RGB and HSL.
  • Magnifier for precise picking.
  • Palette of the 8 main colours with their share of the image.
  • History of the last 12 picked colours.
  • Keyboard picking with the arrow keys.
  • Pick from anywhere on screen in supporting browsers.
  • Runs in your browser; the image is never uploaded.

Common uses

Match a brand colour from a logo when the brand guide is missing, pick colours from a product photo for a matching website or presentation, sample colours from artwork for a design, check the exact colour used in a competitor's screenshot, or find the background colour of an image so a page blends seamlessly around it.

HEX, RGB and HSL

The same colour can be written in several ways. All three describe colours on screens (sRGB); they are interchangeable, and the tool shows all of them so you can copy whichever your software expects.

FormatExampleUsed in
HEX#2563EBCSS, HTML, design tools, brand guides
RGBrgb(37, 99, 235)CSS, Office, image editors
HSLhsl(221, 83%, 53%)CSS; easy to make lighter or darker variants

Picking the right pixel

Photos are made of many slightly different pixels, especially around edges and in compressed JPEG images, so the colour can change from one pixel to the next. The magnifier shows the pixels around your pointer enlarged, with the one you will pick outlined. With the keyboard, click the image once, then use the arrow keys to move one pixel at a time (Shift for ten) and Enter to pick. For a representative colour of an area rather than one pixel, use the palette, which averages similar colours across the whole image.

The palette of main colours

The palette groups the image's pixels into similar colours and lists the most common distinct ones, with the percentage of the image each covers. Transparent pixels are ignored. It is a fast way to pull a colour scheme from a photo for a website, presentation or mood board, or to check which colours dominate a logo. Click a palette colour to see its codes. To convert a colour between more formats, including CMYK estimates, use the Color Converter.

Screen colours and print

Colours picked from an image are screen colours. Printed colours are produced differently (CMYK inks or Pantone spot colours) and can look different, so for print work ask the printer or the brand guide for the official print values. Also note that screenshots of other apps may be affected by your display's colour profile or night-light settings. The image itself is decoded and analysed locally, and nothing is uploaded.

Frequently asked questions

How do I get the colour code from an image?

Open the image and click the spot you want; copy the HEX, RGB or HSL value.

Can I pick a colour from my screen?

Yes, in browsers that support the EyeDropper feature, with Pick from screen.

Can it find the main colours of an image?

Yes. The palette shows the 8 most common distinct colours.

Which image formats work?

PNG, JPG, WebP, GIF, BMP and AVIF.

Why does the colour change slightly between pixels?

Photos and compressed images vary from pixel to pixel; use the magnifier or the palette.

Is my image uploaded?

No. Everything happens in your browser.

Related tools