Image Color Picker (Eyedropper)
Hover over any part of an image to preview the color under your cursor, then click to lock it in. You get the exact hex, RGB, and HSL values with one-click copy, plus a history of the colors you have picked. Everything runs in your browser at full resolution, so the color is pixel-accurate and the image never leaves your device.
How to pick a color from an image
- Drop an image in, or click to browse.
- Move your cursor over the image to preview colors, and click to lock one.
- Copy the hex, RGB, or HSL value you need.
Examples
Grab a brand color from a screenshot
A screenshot of a website header
The exact hex (and RGB/HSL) of the button color
Frequently asked questions
Is my image uploaded anywhere?
No. The image is read into your browser and every color is picked locally. It never leaves your device.
Is the color pixel-accurate?
Yes. The image is read at its native resolution, so the color you pick is the exact pixel value, not an approximation from a scaled preview.
What formats do I get for each color?
Hex (for example #3b82f6), RGB (rgb(59, 130, 246)), and HSL. Each has a copy button so you can paste straight into your CSS or design tool.
Can I pick more than one color?
Yes. Each color you click is added to a history row below the picker so you can collect several colors from one image and copy any of them.
How is this different from the palette extractor?
The picker gives you the exact color of a single pixel you choose. The palette extractor analyzes the whole image and returns its dominant colors as a ranked palette.
Related tools
Image Color Palette Extractor
Extract the dominant color palette from any photo in your browser. Get ranked hex codes, copy as CSS variables, and download. Nothing is uploaded.
Color Palette Generator
Generate complementary, analogous, triadic, tetradic and monochromatic color palettes from one base color. Pick a hex, copy each shade as hex, RGB or HSL.
Image Metadata Viewer
View an image's EXIF and metadata in your browser: camera make and model, dimensions, format, orientation, and whether GPS location is embedded. Private.
Add Border to Image
Add a colored border or frame around an image, with adjustable width and color. Live preview, runs in your browser, nothing uploaded.
APNG Detector
Check whether a PNG file is an animated PNG (APNG) in your browser. See the frame count, loop count, and dimensions read straight from the file. Private.
Blur Image
Blur a whole image or drag a box to blur a face, name, or address. Adjustable blur strength, live preview, runs in your browser. Nothing is uploaded.