🎨 Color Picker from Image
Match a brand colour from a logo or screenshot exactly – click, copy the HEX code, done.
🔒 Runs in your browser · files never uploaded
Drop an image here or click to browse Photo, logo or screenshot · paste a screenshot with Ctrl+V
Click the image
Picked colours
None yet
How to use the Color Picker from Image tool
- Drop an image or screenshot (paste with Ctrl+V works too).
- Click or tap anywhere on the image to read that pixel's colour.
- Copy HEX, RGB or HSL, or click Extract palette for the 6 dominant colours.
Frequently asked questions
Why is the colour slightly different from what I expected?
Photos contain noise and JPG compression artefacts, so neighbouring pixels differ by a few values. Zoom into a flat area, or use the dominant palette which averages many pixels.
How is the dominant palette calculated?
The image is sampled and grouped with median-cut quantization into 6 colour clusters; each swatch is the average colour of its cluster, sorted by how many pixels it covers.
What is the difference between HEX, RGB and HSL?
They are the same colour in different notations. HEX (#1e90ff) and RGB (30, 144, 255) are used in CSS and design tools; HSL (hue, saturation, lightness) is easier for making lighter or darker shades.
Is the image uploaded?
No. Pixels are read from a canvas in your browser, so confidential designs stay on your device.