Pick a colour from an image
An eyedropper for any picture: point, see the exact pixel magnified, and copy the colour code.
- Nothing is uploaded
- Works offline after first visit
- Open source
- No watermark · limit is your device’s memory; phones hold less
Upload-free color picker: drop an image, point at any pixel and copy its HEX, RGB or HSL code. It is free, needs no account and adds no watermark, and your files are not uploaded: everything runs in your browser on your device. The size limit is your device’s memory, and phones hold less; give the page a short while after one visit to save itself for offline use, and then it works offline.
- HEX
#FFFFFF- RGB
rgb(255, 255, 255)- HSL
hsl(0, 0%, 100%)
Picked
Click or tap the image to keep a colour here.
Main colours in this image
Done
Open the network tab. Your files never appear in it.
Add files and run the tool to see every request this tab makes.
Your files are processed on this device and never sent to a server. Reload the page to clear everything from memory.
You have seen the exact shade you want, in a photo, a screenshot of a website, a logo someone sent or a product shot, and now you need its code. Drop the image here and move over it. A magnifier follows the pointer so you can land on one pixel rather than an anti-aliased edge, and the card beside the image shows the colour as HEX, RGB and HSL, each with its own copy button.
Click or tap to keep a colour. Picked colours line up under the image, so you can collect a brand’s primary, secondary and accent shades from one screenshot and copy each code in turn. Keyboard users can move the cursor with the arrow keys and pick with Enter.
The image is drawn on a canvas inside this page and the colour is read from it on your device. It is never uploaded, so an unreleased design or a private photo stays where it is.
On a phone or tablet there is no pointer to hover with, so the picker works on press. Put your finger on the image and the magnifier appears, drag to move it, and lift your finger to keep the colour under the crosshair. The magnifier shows an 11 by 11 block of pixels with the one that will be picked outlined, so you can see when your finger has drifted onto an edge.
In a photo, neighbouring pixels are rarely the same colour. Sensor noise, texture and JPG compression mean two picks a pixel apart can differ by several shades. If you want the overall colour of a wall, a sky or a fabric rather than one exact pixel, use the main colours strip under the image instead: each of those swatches is an average over many pixels.
How it works
- Drop an image, or tap to pick one. Screenshots, photos, logos and HEIC from iPhone all work.
- Move over the image and watch the magnifier. Click or tap to keep the colour under the crosshair.
- Copy the HEX, RGB or HSL value. Save palette downloads every colour as an image and a list of codes.
In your browser, not on a server
Your browser decodes the image (libheif or the Squoosh decoders step in for HEIC, AVIF and JPEG XL) and draws it on a canvas in your tab. The colour under the cursor is read straight from that canvas, one pixel at a time, at up to 4096 pixels across, so a pick matches the file exactly. The main colours come from k-means clustering over a sample of about 20,000 pixels, run in the page with a fixed seed so the same image always gives the same palette.
Compared with upload-based tools: Colour pickers online upload the picture to show it back to you, which is a strange trade for a screenshot of a client’s unreleased design or a photo from your phone. Browser extensions that pick colours can read every page you visit. Here the image never leaves your device, and there is nothing to install.
Verify it yourself. Give the page a short while after one visit to save itself for offline use, then turn off Wi-Fi or switch to airplane mode and run the tool again. Or open your browser's developer tools (F12, or Cmd-Option-I on a Mac), pick the Network tab, and watch it while you convert. The panel above does the same count for you.
Questions
Why is the colour slightly different from the one in my design file?
JPG compression shifts colours a little, and screenshots can be colour-managed by your operating system. For an exact brand colour, pick from a PNG export or a flat area away from edges and gradients.
Can I pick a colour from something on my screen?
Take a screenshot and bring it here. On most computers you can copy a screenshot to the clipboard, click on this page and press Ctrl+V or Command+V to add it without saving a file. On a phone, take the screenshot with the side and volume buttons and pick it from your photos.
How many picked colours are kept?
The last 16, newest first. Picking a colour that is already in the list moves it to the front instead of adding a second copy. Clicking any kept swatch shows it on the card again and copies its HEX code. Dropping a new image clears the list, so save the palette first if you want to keep them.
Can I move the crosshair more precisely?
Yes, with the keyboard. Move focus to the image with the Tab key, then use the arrow keys to move one pixel at a time, or hold Shift to move ten. The magnifier and the card follow. Press Enter or the space bar to pick the colour under the crosshair.
Is the file uploaded anywhere?
No. There is no server in this process. The page is a static file and the work is done by code running inside your browser tab. Give the page a short while after one visit to save itself for offline use; then you can turn off Wi-Fi and it still works.
More image tools
Color picker from image
Point at any pixel to get its HEX, RGB and HSL code, and see the main colours of the picture. The image stays on this device.
Add text to GIF
Write a caption on every frame of an animated GIF and drag it where you want it. Done on this device, and the GIF is not uploaded.
Merge GIFs
Join several animated GIFs end to end, in the order you choose. They are put together on this device, and the GIFs are not uploaded.
GIF maker
Your pictures turned into one looping GIF, put together on this device, with no watermark.
Other conversions
- JPG to WebP
- AVIF to JPG
- AVIF to PNG
- SVG to PNG
- JXL to PNG
- JXL to JPG
- JFIF to JPG
- JFIF to PNG
- SVG to JPG
- GIF to PNG
- Color palette from image
- HEX color from image
- Code 39 barcode generator
- ISBN barcode generator
- ITF-14 barcode generator
- EAN-13 barcode generator
- WhatsApp sticker maker
- LinkedIn profile picture
- Meme generator
- Instagram grid maker
- Instagram carousel splitter
- Combine images
Guides
- How to get a color code from an imageMatching a color you see in a photo needs an eyedropper, which most photo viewers do not have built in. Here is what actually gets the exact code.