Image color picker
Upload any image and click to get the exact HEX, RGB and HSL colour code. The tool also extracts the dominant colour palette so you can copy brand colours in one click.
- Runs in your browser – private
- Instant results
- Free forever, no sign-up
How to use the Image Color Picker
- 1
Upload a photo, logo or screenshot.
- 2
Click anywhere on the image to pick a colour – or click a palette swatch.
- 3
Copy the HEX or RGB code, or copy the whole palette as CSS variables.
Find colour codes from any image
Designers, developers and marketers often need the exact colour from a logo, product photo or website screenshot. This color picker from image works like an eyedropper: click a pixel and get its HEX, RGB and HSL values instantly.
Automatic colour palette
The tool scans the image and groups similar pixels to find up to eight dominant colours. Use it to build a brand palette from a logo, match a website theme to product photos or find matching colours for social posts. Copy the palette as CSS custom properties ready to paste into your stylesheet.
HEX vs RGB vs HSL
- HEX (#5B4BFF) – the most common format in web design and CSS.
- RGB (91, 75, 255) – red, green and blue values from 0 to 255.
- HSL (hue, saturation, lightness) – easier for creating lighter or darker shades.
Frequently asked questions
How do I get the colour code from an image?
Upload the image and click the spot you want. The HEX, RGB and HSL codes appear instantly and can be copied with one click.
Can I find the colours of a logo?
Yes. Upload the logo and the dominant palette shows its main colours. Click a swatch for exact codes.
Is the colour picker accurate?
It reads the exact pixel value of the uploaded image. Compressed JPGs can shift colours slightly, so use a PNG or the original file for brand colours.
Is it free and private?
Yes. It is free, needs no sign-up and the image never leaves your browser.