How to use the Image Color Picker
- Choose an image.
- Move over the image to preview, then click (or tap) the pixel you want.
- Copy the HEX, RGB or HSL code, or click a palette swatch.
About this tool
Designers, developers and shop owners often need the exact colour of a logo or brand image to match a website, banner, visiting card or Canva design. Click any pixel to get its HEX code (like #F5A50B), RGB and HSL values; the zoom loupe shows individual pixels so you can hit thin lines and small text.
The palette finds the six most common, clearly different colours in the image — a quick way to build a colour scheme from a photo or a competitor’s banner. Colours are read directly from the image data in your browser, so nothing is uploaded.
Frequently asked questions
How do I find the HEX code of a colour in a logo?
Open the logo here and click on the coloured area. The HEX code appears on the right with a Copy button.
Why is the colour slightly different from the official brand colour?
JPG compression and anti-aliased edges change pixel colours a little. Click in the middle of a solid area, and use the original PNG or SVG logo when possible.
How is the palette chosen?
The image is sampled, similar colours are grouped, and the six most common groups that are clearly different from each other are shown.