Colour from an image
Take any colour out of a picture, or the whole palette at once.
Add a picture and move over it. A loupe magnifies whatever is under the cursor so you can see the exact pixel before you commit, and clicking takes that colour and copies it. Underneath, the handful of colours the picture is mostly made of, worked out for you.
How to use it
- Add a photo, a screenshot or a logo.
- Move over it to look, then click to take the colour you want.
- Copy a single code, or copy everything you collected as CSS.
Why use this tool
Completely private
Everything runs inside your browser. Your files and text are never sent to a server.
Free, with no limits
No sign-up, no watermarks and no cap on how many times you can use it.
Instant results
There is no upload or queue to wait for, so results appear as fast as your device can work.
Works on any device
Runs in any modern browser on phone, tablet or desktop. Nothing to install.
Frequently asked questions
- Why is there a magnifier?
- Because a photo on screen is shown smaller than it is, so one screen pixel covers several real ones. Clicking on "the red bit" without magnification is a guess about which pixel you actually got — and on a photograph, neighbouring pixels are rarely the same colour. The loupe shows the real pixels around the cursor with the one you are on boxed, which turns the guess into a choice.
- What are the colours shown underneath?
- The ones the picture is mostly made of. They are found by grouping every pixel by how similar it looks and taking a real pixel from the middle of each group — not by counting which hex codes repeat, which returns noise on a photograph because almost no two pixels are exactly equal. The groups are compared in a space where distance matches what your eye sees, so the result is the colours you would have named yourself.
- Does it work with a screenshot or a logo?
- Better than with a photograph, in fact. Flat graphics have large areas of one exact colour, so what you click is what you get, and the extracted palette comes back as the handful of colours the designer actually used.
- Can I take several colours?
- Yes. Every click adds to the row at the bottom, newest first, and the same colour twice is ignored. When you have what you need, Copy as CSS gives you them as custom properties ready to paste into a stylesheet.
- What about HEIC photos from an iPhone?
- They work. The picture is decoded in your browser first, so a format your browser cannot normally display is handled anyway.
- Is the picture uploaded anywhere?
- No. It is read and drawn inside your browser, on your own device. Nothing is sent to a server, which is why it also works with the tab offline once the page has loaded.