Image Tools
Image Color Picker
Pick exact HEX, RGB, and HSL colors from any image in your browser. Magnified loupe, multi-swatch capture, and an auto-extracted color palette.
How to use
- Drop an image onto the upload area or click to pick one. PNG, JPG, GIF, WEBP, AVIF, BMP, and SVG are supported.
- Hover the image to preview the color under your cursor in the live swatch and the magnified loupe with a center crosshair.
- Click any pixel to capture a swatch. Each swatch shows HEX, RGB, and HSL with copy buttons and remembers the pixel coordinate.
- Read the auto-extracted palette below, switch between CSS variables, JSON, or Tailwind format, and copy the snippet you need.
About this tool
Image Color Picker turns any image into a precise color sampling tool. Drop a PNG, JPG, GIF, WEBP, AVIF, BMP, or SVG (up to 15 MB) and the tool draws it onto a canvas in your browser. Hover any pixel to preview the color in a live swatch and a magnified 13 by 13 pixel loupe with a crosshair on the exact pixel that will be captured, then click to grab a swatch. Each captured swatch shows HEX, RGB, and HSL values with one-click copy buttons and the original (x, y) pixel coordinate it came from. Alongside hand-picking, an auto-extracted palette runs a fast bucket quantization across the image to surface the eight most representative colors with their percentage share, ready to copy as CSS custom properties (:root --color-1 ... ), as a Tailwind config snippet, or as JSON. Useful for designers grabbing brand colors from a logo, marketers matching ad creative to a hero image, developers turning a screenshot or a mood board into a working palette, photographers checking the dominant tones in a shot, illustrators building a mood swatch list, and anyone who needs an eyedropper that does not require a desktop app, an extension, or an account. Images are decoded with FileReader, drawn to a canvas, and sampled with getImageData all locally in your browser, so the file you drop never leaves your device. That makes the tool safe for unreleased designs, internal screenshots, watermarked client comps, and any image you would rather not upload.
Free to use. Works in your browser. No signup, no login.
Related tools
You may also like
HEX to RGB Converter
Convert HEX, RGB, RGBA, and HSL with a live preview.
Open tool
ImageImage to Base64
Encode images as Base64 data URIs with CSS and HTML snippets.
Open tool
CalculatorAspect Ratio Calculator
Aspect ratio finder, resizer, and fit-to-box calculator with presets.
Open tool
GeneratorQR Code Generator
QR codes for URLs, text, email, phone, SMS, WiFi, and vCard with PNG and SVG download.
Open tool