Image Colour Picker
Main colours in this image
Reading a colour off a picture
Open an image and click any point to get that pixel's exact value in the three formats you are likely to need: HEX for CSS and design tools, RGB for most editors, HSL when you want to build a set of related shades. The palette underneath shows which colours actually dominate the picture.
What the formats mean
- HEX —
#2563eb, the usual form in CSS and design software. - RGB — the same colour as three 0-255 numbers for red, green and blue.
- HSL — hue, saturation and lightness; change lightness alone to get a matching tint or shade.
Share this tool with friends
Free to use, no sign-up, works on any phone.
Frequently Asked Questions
Click anywhere on the image. The colour under the pointer is read straight from the pixel and shown as HEX, RGB and HSL, ready to copy. On a phone, tap the spot instead.
Every pixel is grouped into a coarse colour bucket and the fullest buckets win, so the palette reflects how much of the picture each colour actually covers rather than which colours merely appear.
A photo saved as JPG is compressed, which nudges neighbouring pixels. Zoom in and you will find several near-identical shades. Pick from a PNG when you need the exact original value.
No. It is drawn onto a canvas in your browser and read back pixel by pixel. Nothing is sent anywhere, so an unreleased design is safe to open here.
It separates hue from saturation and lightness, which makes it far easier to build a set of shades — keep the hue and change only the lightness, and the colours stay in the same family.