Color Picker from Image
Pick colors from an image by clicking — get HEX, RGBA, and HSL.
About Color Picker from Image
Color Picker from Image reads the exact color of any pixel in any image. Drop in a photo, screenshot, logo, or texture and click anywhere on it — the picker returns the pixel's HEX, RGBA, and HSL values, with copy buttons for each. Useful for matching a brand color from a screenshot, sampling a tone from a photo for a design palette, or recovering a CSS value from an image you no longer have the source file for.
Worked example: a designer matching a brand color from a competitor's screenshot drops the image in, clicks the pixel that matches the brand swatch, and reads off the hex (e.g. #2563EB) and rgba value — ready to paste into a stylesheet, Figma, or a CSS variable. The image is shown at up to 640 pixels on the longest side; for fine-detail picks, zoom your browser before sampling so individual pixels are larger.
A note on what the tool reports versus what you see on screen. The picker reads the pixel value from the canvas's pixel data — the same value the browser uses to render the image. Color management profiles in the source (sRGB, Display P3) can shift how the same value appears on different monitors; the reported hex is the source-of-truth, the on-screen rendering is the monitor's interpretation. For pixels with transparency the alpha value is reported alongside the color (alpha 0 means fully transparent regardless of the RGB underneath).
All reading happens locally in your browser. The image and the colors you pick from it are never uploaded.