~/allthedamn.tools

Image Color Picker

Click any pixel in a photo and copy its exact HEX, RGB, or HSL value.

runs entirely in your browser

When you need the exact color, not a guess

The usual trigger is a color that exists only inside an image: a brand shade in a logo file with no style guide in sight, a color in a screenshot of a design you are rebuilding, or a tone in a photo you want to build a palette around. Eyeballing it against a color wheel gets you something close, and close is precisely what a client or a design reviewer will notice.

An eyedropper that reads the image itself removes the guesswork. Drop in a file or paste a screenshot straight from the clipboard, click the pixel you care about, and get the real value in HEX, RGB, and HSL, each one a single click to copy. Every sample lands in a swatch history, so pulling a full palette from one photo means clicking each color once, not repeating the whole process per swatch.

How sampling works, and where colors can surprise you

The image is decoded onto a canvas in your browser, and each click reads the pixel value straight from that decoded data rather than from your screen, so display scaling and night-mode filters cannot contaminate the reading. Moving the cursor shows a live preview of the color under it before you commit a click, and every kept sample lands in the swatch history. The image never leaves your device.

One expectation to set: the picker reports what is actually in the file, which is not always what the original designer specified. JPEG compression smears colors near hard edges, so a logo saved as a JPEG can read a few values off from the true brand color right at a boundary. Sample from a flat area away from edges for the cleanest reading, and prefer PNG sources when you have the choice.

fair questions

Is the color I get the true pixel value?
Yes, it is read directly from the decoded image data, not from a screen capture. Keep in mind the file itself may differ from the original design: JPEG compression shifts colors near hard edges, so sample from flat areas for the most faithful reading.
Is my image uploaded while I pick colors?
No. The file is decoded and sampled entirely on your device. There is no upload step and no server involved, so the image cannot go anywhere.
Can I paste a screenshot instead of saving a file first?
Yes. Take a screenshot to your clipboard and paste it straight into the tool. That is usually the fastest route when the color you want is on your screen right now.
Which color formats can I copy?
HEX, RGB, and HSL, each with a one-click copy button. Sampled colors are also kept in a swatch history, so you can compare picks side by side and re-copy any of them later.

this site is built on Guardrails, the guard-railed boilerplate for shipping real products with AI agents.