rankato

Eyedropper for any image

Drop an image and click any pixel to sample its color. See hex, RGB, HSL, OKLCH, and copy in any format.

The Image Color Picker is a pixel-accurate eyedropper that works on any raster image. Drop an image, zoom in for precision, click any pixel, and see its color in every relevant format — hex (#RRGGBB), RGB (rgb(r, g, b)), HSL (hsl(h, s%, l%)), and OKLCH (the modern perceptual color space). Great for matching a color from a screenshot, extracting brand colors from a competitor's site, or building a palette from a mood board.

Multiple color formats

Every pick shows the color in five formats: hex (#3b82f6), RGB (rgb(59, 130, 246)), HSL (hsl(217, 91%, 60%)), OKLCH (oklch(0.65 0.19 251)), and CSS named color (if it matches one exactly). Each has a copy button.

Zoom and precision

Mouse wheel to zoom, up to 3200%. At high zoom, the crosshair snaps to individual pixels — no more accidentally picking the color between two pixels. The picked color appears in a preview swatch beside the crosshair for confirmation.

Pick history

Every pick lands in a history strip along the bottom — copy any past color without re-picking. Right-click a history entry to add it to a saved palette (persists in localStorage). Great for building a palette from an inspiration image.

Tool FAQs

Everything you need to know about using Image Color Picker.

Is the picker really pixel-accurate?+

Yes at 100% zoom or higher. The tool reads exact pixel values from the source image. Below 100% zoom (images downscaled to fit the viewport), the sampled color is the pixel under your cursor in the scaled view — usually good enough, but zoom in for precision.

Does it work with transparent images?+

Yes — the tool shows the alpha value along with color. Right-click a picked color to see the pre-composited RGB vs. the composited-over-checkerboard RGB.

Can I pick from a screenshot?+

Absolutely. Take a screenshot, drop it in, and click any pixel. Great for matching a specific UI color you can't find in the design file.