Pick a colour from an image

An eyedropper for any picture: point, see the exact pixel magnified, and copy the colour code.

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.

Drop an image to pick a colour fromor click to choose a file.
    Details

    Save palette downloads the main colours and the ones you picked as an image, with every HEX code ready to copy.

    Working…

    Done

    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

    1. Drop an image, or tap to pick one. Screenshots, photos, logos and HEIC from iPhone all work.
    2. Move over the image and watch the magnifier. Click or tap to keep the colour under the crosshair.
    3. 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

    Other conversions

    Guides