Upload any image and click to extract exact colors in HEX, RGB, and HSL — instantly, in your browser. No account, no installs, no data ever leaves your device.

Related tools: Color Picker · Color Palette Generator · Color Converter

Drop image here or PNG, JPG, GIF, WebP, SVG — stays in your browser
Click anywhere on the image to pick a color. Hover to see the magnifier.

How It Works

  1. Upload — drag an image onto the canvas or click “Browse file.”
  2. Hover — a magnifier circle shows a zoomed view for pixel-perfect picking.
  3. Click — instantly see HEX, RGB, HSL, and the nearest CSS color name.
  4. History — up to 12 swatches are saved. Click any swatch to reload its values.
  5. Export — download your palette as CSS custom properties or a JSON object.

Everything runs locally in your browser. No image data is sent anywhere.

Tips

  • Zoom in first — use your browser’s native zoom (Ctrl/Cmd +) if you need finer control before clicking.
  • SVG images — SVGs are supported if the browser can render them to a canvas (same-origin or inline SVGs without <foreignObject>).
  • Transparent pixels — fully transparent areas return rgb(0, 0, 0) since canvas composites against black by default.
  • Export CSS variables — paste directly into your :root {} block and reference colors as var(--color-1) throughout your stylesheet.

More color tools: Color Picker · Color Palette Generator · Color Converter