Image Color Picker — Pick Colors from Any Image
Pick colors from any image. Get HEX, RGB, HSL. Build palettes.
Drop your image here
Click anywhere on the image to pick a color
Picking colors from an image is one of the most common tasks in design and development. Whether you’re building a brand palette from a hero shot, sampling a gradient for CSS, or just curious about the exact shade of something you saw, this tool gives you the HEX, RGB, and HSL values of any pixel — no uploads, no accounts, no limits.
How to use
Drop your image
Drag a PNG, JPG, or WebP file into the drop zone. The image is read locally and never leaves your device.
Click to pick colors
Click any point on the image preview. The color at that pixel is immediately captured and displayed as HEX, RGB, and HSL values.
Build a palette
Keep clicking to add more colors. Review your palette below the preview, remove unwanted swatches, or export the full palette as JSON.
Frequently asked
Are my images uploaded anywhere?
No. All processing happens in your browser via the HTML5 Canvas API. The image is never transmitted to any server.
What color formats are supported?
Each pick returns three formats: HEX (e.g. #3B82F6), RGB (e.g. 59, 130, 246), and HSL (e.g. 217°, 91%, 60%).
Can I copy individual color values?
Yes. The current selection shows a copy button next to the HEX value. Click it to copy that color to your clipboard.
What does 'Export JSON' do?
It copies your entire palette as a JSON array to your clipboard — each entry has hex, rgb, and hsl keys. Paste it into any editor or design tool.
How accurate is the color picker?
It reads the exact pixel value from the source image via CanvasRenderingContext2D.getImageData(). There is no interpolation or approximation.
Limitations
- No zoom or panThe image preview scales to fit the available width. There is no zoom control; for picking colors from small details you may need to use a larger source image.
- Pixel-level precision onlyColor is sampled from exactly one pixel. There is no area-average or range-sampling mode.
- No export as swatch fileExports to clipboard as JSON only. ASE, ACO, or GPL swatch files are not supported in v1.
Platform notes
- macOS
- Of course it works. A digital color meter.
- Windows
- Works in Edge, Chrome, and Firefox. No upload, no bloat — just drag and pick.
- Linux
- CLI alternative: ImageMagick's `convert input.png -crop 1x1+<x>+<y> txt:-` extracts a single pixel, but doesn't provide HSL out of the box.
- Web
- Runs entirely client-side. No file is ever uploaded. Open in any modern browser and start picking colors immediately.