Tools

View all tools →

Image Color Picker (Eyedropper) Image support

Click on an image to extract HEX/RGB/HSL color codes. Palette storage included.

Data is never sent to the server. Everything runs locally in your browser. Safe for sensitive information.

▶About this tool

Upload an image and click anywhere to extract the color code (HEX/RGB/HSL). Save colors to a palette for later use. Works entirely in your browser—safe for confidential designs.

Need to grab a color from a screenshot or design mockup? Drop an image here, click a pixel, and get the exact HEX, RGB, and HSL values instantly. Save up to 10 colors to a persistent palette. No Photoshop needed, no server upload—everything stays in your browser.

Tool interface

Drag & drop an image, click to choose, or Ctrl+V to paste

Usage

  1. Upload an image via drag & drop, file picker, or Ctrl+V paste
  2. Click on the color you want to extract
  3. Copy HEX/RGB/HSL or save to palette

When to use

Extracting colors from screenshots, design mockups, or photos for CSS/design work.

Examples

Sky in a landscape → #87CEEB, logo red → #E53E3E.

FAQ

Can I paste a screenshot?

Yes. Use Ctrl+V to paste an image directly from your clipboard.

Is my image safe?

Yes. Images are processed locally using Canvas API. Nothing is uploaded to any server.

Related tools