Brand colours
Find the exact orange in your logo for your website and posts.
Image Colour Picker
Find the exact colour of any pixel and the dominant colours of a picture. Nothing is uploaded.
Your files stay with you. Your files never leave your browser. This tool runs on your device: nothing is uploaded to our servers, so there is nothing for us to store or see.
How to use it
- Choose an image.
- Click or drag on the picture, or use the arrow keys, to pick a pixel.
- Copy the HEX, RGB or HSL value, or choose from the automatic palette.
Where it helps
Matching designs
Pick colours from a product photo for a matching banner.
Web work
Get HEX codes for CSS from a screenshot of a design.
Good to know
Private by design
Pictures are processed in your browser and never uploaded to our servers.
Use PNG for accuracy
JPG compression can shift colours slightly.
Screens differ
Display settings change how colours look, not their values.
Palette summary
Up to eight clusters show an image's main colours.
Questions people ask
How do you find the exact colour in an image?
Choose an image, then click or drag on the picture, or use the arrow keys, to pick a pixel. Copy its HEX, RGB or HSL value, or pick from the automatic palette of up to eight main colours. It's handy for matching brand colours, and the image is analysed in your browser.
- HEX, RGB, HSL Any pixel. Copy in one click.
- 8 Palette colours. Most common first.
- Keyboard Arrow keys. Shift for 10 px.
- 0 Uploads. On your device.
How do I pick a colour from an image?
Choose an image, then click or drag on the picture to move the picker, or use the arrow keys for precision. The colour under the picker shows as HEX, RGB and HSL values that you can copy. An automatic palette also shows the image's main colours.
How accurate are the colours?
They're read straight from the pixels of your picture. JPG compression and your screen's colour settings can shift what you see slightly, so for exact brand colours use a lossless PNG of the logo when you can. The values reflect the file, not your monitor.
How is the palette made?
The tool groups the colours of a reduced copy of the picture into up to eight clusters and shows the average of each, most common first. It gives a quick summary of an image's main colours, useful for building a matching design or colour scheme.
Can I pick with the keyboard?
Yes. Focus the picture with Tab and move the picker with the arrow keys; hold Shift to move 10 pixels at a time. That's more precise than a mouse for small details, such as a thin line in a logo, and it works without a pointing device.
Is my image uploaded?
No. It's analysed in your browser, so the picture stays on your device. That makes it safe for unreleased designs and client work. After the page loads, the colour picker even works without an internet connection. Nothing is stored afterwards, and there's no account to create.
What's the difference between HEX, RGB and HSL?
They're three ways of writing the same colour. HEX, such as #FF6A00, is common in web design. RGB lists red, green and blue amounts from 0 to 255. HSL describes hue, saturation and lightness, which is easier for making lighter or darker shades. The values convert exactly.
How do I find my logo's brand colour?
Open a PNG of the logo, zoom the picker onto a solid area of the colour, away from edges where colours blend, and copy the HEX code. Check a couple of spots to confirm. Use that code consistently on your website, social posts and printed material.
Why do I get slightly different colours nearby?
Edges blend colours, and JPG compression creates small variations even in areas that look flat. Pick from the middle of a solid area, and prefer PNG files. The palette's averaged colours can help when individual pixels vary a little. Averaging a few spots gives the truest result.
Can I pick colours from a screenshot?
Yes. Take a screenshot of a website or design, open it here and pick the colours you need. Screenshots are usually PNG, so colours are accurate. It's a quick way to match a colour you've seen elsewhere online. Zoom in on small elements before you pick their colour.
How do I use the colour in CSS?
Copy the HEX or RGB value and paste it into your CSS, for example as color: #FF6A00. HSL is handy when you want a lighter or darker version: change the lightness value and keep the hue. Our colour converter turns any format into the others.
Does it work on a phone?
Yes, in modern mobile browsers. Tap or drag on the picture to pick a pixel and copy the value. On small screens, zoom into the area first in the image itself, or use a computer for very precise picking. No app or account is needed for any of it.
Can I get a full colour palette for a website?
The automatic palette shows up to eight main colours from an image, which is a good starting point. Choose one or two main colours and a neutral, and use them consistently. The CSS gradient generator can combine picked colours into gradients. Fewer colours look more professional.
Which image formats work?
Common formats your browser can show, such as PNG, JPG and WebP. PNG gives the most accurate results because it's lossless. Large photos work too; the palette uses a reduced copy so it stays quick even on phones. Picking from the full image stays exact, pixel by pixel.
Can I print with these colours?
Screen colours like HEX and RGB don't map exactly to print colours. For printing brochures or signboards, ask your printer to match the HEX value or provide a printed sample. Expect some variation between screens and paper. Printers often work with CMYK or Pantone references instead of HEX.
Is it free?
Yes. The image colour picker is free, with no sign-up and no limit. It sits with other free design tools from Marketiism, including a colour converter and CSS gradient and shadow generators, all running in your browser. Nothing is uploaded, and business use is fine.
Want this inside your own account?
Marketiism keeps your invoice numbers, GST reports, UPI payment links and WhatsApp reminders in one place. Leave your details and we'll call to set it up for your business, or start the trial yourself.
More Image tools
Photo Editor
Adjust brightness, contrast, saturation, black and white and sepia with a live preview.
Crop Image
Cut out part of a picture, freely or with a fixed ratio such as 1:1, 16:9 or passport.
Convert Image
Convert JPG, PNG, WebP, GIF and BMP pictures into JPG, PNG or WebP.
Compress Image
Make JPG, PNG and WebP files smaller and see the size before and after.
Resize Image
Change image size in pixels or percent, with presets for WhatsApp, Instagram, YouTube and passport photos.
Rotate and Flip Image
Turn a picture by 90 degrees, mirror it, or straighten a crooked photo.