Workspace / Developer / Color Picker

Developer

Image colour picker
Every shade, exactly.

Click anywhere on an image to get its colour in HEX, RGB and HSL, and pull out its main palette.

Runs entirely in your browser
Upload an image
JPG, PNG, WebP, AVIF, HEIC, SVG · 50 MB max
Waiting for an imageRead on your device
Colour
No colour
Pick a colour

Picked colours

Colours you click are saved here.

Your files never leave your device
Fast local processing
Start over anytime

Guide

How to use it

  1. 01Drop an image or paste a screenshot.
  2. 02Move over the image — the loupe shows exact pixels — and click to pick.
  3. 03Copy the HEX, RGB or HSL code, or the whole palette as CSS variables.

Good to know

Questions, answered

How is the palette chosen?

The image's colours are grouped by similarity and each group is averaged, so you get the colours that cover the most of the image.

Can I pick a colour from outside the image?

In Chrome and Edge, Pick from screen lets you sample any pixel on your display.

Is anything uploaded?

No. Everything runs in your browser, so your files never leave your device.