Find the exact colour of any pixel in a photo, screenshot or design mock-up. Click or tap the image, aim with the magnifier, and copy the colour as HEX, RGB, HSL or OKLCH. Picked colours collect in a list you can export, and in Chrome and Edge you can also pick from anywhere on your screen. It also works as a converter with no image at all.
How it works
- Drop, paste or choose an image, or type a colour to convert it.
- Click or tap the image; on a phone, slide your finger and lift to pick. Arrow keys move the magnifier one pixel at a time.
- Copy the value you need, or download the colours as text, CSS or JSON.
Questions
- Does my file get uploaded?
- No. Everything happens inside your browser on your own device. You can check it yourself: open your browser’s DevTools, watch the Network tab while the tool runs, and you will see no upload. The badge beside the page title counts the bytes this page has sent, live.
- Why is the colour slightly different from what my design app shows?
- Photos are often stored in a wider colour space or with an embedded profile. The browser converts the image to standard sRGB for display, and the picker reports the sRGB value you see on screen. Averaging 3×3 or 5×5 pixels also smooths JPEG noise.
- Can I pick colours from outside the browser?
- In Chrome and Edge on a computer, yes: Pick from screen samples any pixel on your display. Other browsers do not offer that, so the button is hidden there; the image picker works everywhere.
- Which colour formats does it read?
- Type or paste HEX (#1e90ff or #19f), rgb(), hsl() or oklch(), with commas or spaces. Every format converts to all the others at once.