Stayput

↑↓ to move, Enter to open, Esc to close. Search runs on this page. Nothing you type is sent.

Color picker from an 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.

Picks any colour from an image, shows its HEX, RGB and HSL codes, and lists the image’s main colours as a palette. 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 colours 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.

    How it works

    1. Drop an image (a screenshot, photo, logo or design), or tap to pick one.
    2. Move over the image: the magnifier shows the exact pixel and the card shows its HEX, RGB and HSL values. Click or tap to keep a colour; copy any value with one click.
    3. The main colours of the image appear as a strip, widest first. Save palette downloads them, with your picks, 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

    Is my image uploaded?

    No. The image is drawn on a canvas in this page and every colour is read from it on your device. There is no server in the process, so a screenshot of an unreleased design or a private photo never leaves your computer or phone.

    How do I get the exact colour of one pixel?

    Move over the image and watch the magnifier: the outlined square in the middle is the pixel you will get. On a keyboard, click the image and use the arrow keys (Shift moves ten pixels), then press Enter. On a phone, hold your finger down and slide; the colour is picked when you lift it.

    Why does the colour differ from the one in my design app?

    The picker reads the pixels in the file as they are. A photo or a screenshot compressed as JPG has slightly shifted colours, and a screenshot from a display with a wide colour gamut may have been converted. For brand colours, take them from the original file or a PNG export.

    How are the main colours chosen?

    The image is sampled and similar colours are grouped (k-means clustering). Each group becomes one swatch, sized by how much of the image it covers, so a background colour shows as the widest. Choose how many colours to find in the options; very similar ones are merged.

    Which formats can I copy?

    HEX (#1E90FF), RGB (rgb(30, 144, 255)) and HSL (hsl(210, 100%, 56%)), the three formats CSS, Figma, Canva and most design tools accept. Save palette also gives you every code as text to copy.

    More image tools

    Image to text

    Get the words out of a photo, screenshot or scanned page, ready to copy. The image is read on this device and never uploaded.

    QR code generator

    For a link, your Wi-Fi, a contact card, an email or a phone number. The code is made on this page and works forever.

    Barcode generator

    Type a number or text, pick the barcode type, and save the barcode as an image or a PDF. It is drawn on this page.

    QR code scanner

    Drop, paste or choose an image, or use your camera. The code is read on this page, and a link is shown to you, never opened for you.

    Popular conversions

    Guides