IMAGE -> COLOUR · Local tool
Image Color Picker
Pick a colour out of a picture, in hex, RGB, HSL and CMYK, with its palette.
Last updated
How do I get the hex code of a colour in an image?
Open the picture in filetity's image color picker and click the colour you want. It reads that pixel straight out of the file and writes it as HEX, RGB, HSL and CMYK, all copyable, with the contrast ratio against white and black beside it. It also shows the six colours the picture is mostly made of, so a screenshot of a brand gives you the whole palette rather than one pixel. The picture is read in your own browser and never uploaded, which is the part that matters when the picture is a screenshot of your screen.
01 / Your device
the file stays here
02 / Browser memory
the work runs locally
03 / Back to you
saved on this device
When you would use this
Situations, not settings.
- Matching a brand you only have a screenshot of
- Click the logo and get the exact hex, plus the five other colours the picture is mostly made of, which is usually the rest of the palette.
- A colour in a photo you want to use in CSS
- The value is read straight out of the file, so it is the number that will render, not a screen-adjusted approximation of it.
- Checking a colour is readable before you commit to it
- The contrast ratio against white and black is shown beside every pick, so a pretty brand colour that fails on white says so immediately.
How it works / no cloud
A conversion engine, not an upload form.
The picture is drawn to a canvas in the page and read back a pixel at a time, so the value you get is the exact byte in the file rather than something a screen profile has adjusted. The palette does not come from the pixel you clicked: every pixel is sorted into a 32 level cube per channel, the fullest buckets win, and the swatch shown is the average of the real pixels inside each one, so it is a colour that actually occurs in the picture rather than the centre of a box. Large images are sampled on a stride, because a photograph does not change its palette between neighbouring pixels.
- Offline ready
- Installable app
- No file limit queue
Straight answers
No accordion. Nothing hidden.
- Is it free?
- Yes, with no watermark and no page limit.
- Does it need an account?
- No. There is no account system.
- Is my file processed on my device?
- Yes. The file is read by your browser and never uploaded. There is no server to send it to.
- What formats are supported?
- PNG, JPG, WebP, GIF, BMP and anything else your browser can open as an image. Out as HEX, RGB, HSL or CMYK text.
- What are the limits?
- Colours are read as plain sRGB bytes. An image carrying a wide gamut profile will read as the numbers in the file, not as the colour a colour managed application would show. No screen-wide eyedropper: this reads a picture, not other windows.
- Does it work on mobile?
- Yes, on any modern mobile browser. Large files are limited by the memory the phone gives the browser.
- Does it work offline?
- Yes, once the page has loaded. The tool keeps working with no network connection.
- Why is the palette not just the six colours I can see?
- Because a photograph has thousands. The tool groups nearby colours together, keeps the six largest groups and shows the average of the real pixels in each, which is why a picture of grass gives one green rather than four hundred. A logo with flat colour gives back exactly the flat colours, because each group holds only one.
- Why does the hex not match what my design tool shows?
- Usually a colour profile. This reads the raw bytes in the file, which is what a browser and CSS use, while a photo editor may be showing you the same pixel converted through a wide gamut profile. Neither is wrong. For anything going into CSS, the number here is the one that will appear on screen.
- Can I pick a colour from anywhere on my screen?
- Not from this page, because a web page cannot read the rest of your screen, which is a good thing. Take a screenshot and drop it here instead. Chrome and Edge also have a built-in EyeDropper for the browser window itself.
- Is the picture uploaded?
- No. It is read in this tab and never sent anywhere, which matters more here than for most tools: what people drop into a colour picker is usually a screenshot, and a screenshot is a picture of whatever else was on the screen at the time.
Keep working locally
7 available · more coming
- Hex to RGB ConverterConvert a hex colour to RGB, HSL and CMYK, and check its contrast.
- Invert image colorsFlip every colour in an image to its opposite.
- Image ConverterConvert images to JPG, PNG or WebP, in a batch, with the output your choice.
- Pixelate imageTurn an image into blocks, for censoring or for effect.
- Image CompressorCompress an image to a size you name, or to a quality you pick, and see the real result before downloading.
- Image ResizerMake images smaller by pixel size, keeping their format and proportions.