Color Picker

Drop an image and click any pixel to grab its color as HEX, RGB, HSL or HSV — with an auto-extracted palette of the image's main colors. In Chrome and Edge you can also eyedrop anywhere on screen. Your image never leaves your device.

Drop an image or click to choose
Stays on your device · JPG, PNG, WebP, GIF
#2DD4BF
rgb(45, 212, 191)
hsl(172, 66%, 50%)
hsv(172, 79%, 83%)

Hover the image to preview · click to copy the HEX.

How to use the color picker

  1. Drop or choose an image. It's drawn locally — nothing is uploaded.
  2. Hover to preview any pixel's color, and click to copy the HEX and add it to your palette.
  3. Use the extracted palette below the image to grab the dominant colors in one click.
  4. Eyedrop from screen (Chrome/Edge) to sample a color from any window, not just the image.

HEX, RGB, HSL and HSV — which to use?

FormatLooks likeBest for
HEX#2DD4BFCSS, design tools — the most common
RGBrgb(45, 212, 191)CSS with opacity, code
HSLhsl(172, 66%, 50%)Tweaking — change lightness for shades
HSV/HSBhsv(172, 79%, 83%)Design apps like Photoshop & Figma
Private by design. Your image is processed on a canvas in your browser to read pixel colors. It's never uploaded — this site is static.

Frequently asked questions

How do I pick a color from an image?

Drop an image, hover to preview, and click to grab a color as HEX/RGB/HSL/HSV — it's copied and added to the palette. The image stays on your device.

HEX vs RGB vs HSL vs HSV?

Same color, different notation. HEX/RGB are how screens store color; HSL/HSV are easier for adjusting hue and lightness.

Can I pick from anywhere on screen?

Yes in Chrome and Edge via the screen eyedropper button. Other browsers use the image picker.

Is my image uploaded?

No — it's read locally on a canvas. Nothing is sent anywhere.

More free tools

For designers and video: Aspect Ratio Calculator · Text styling: Fancy Text Generator · See all Alienated Tools.