Guides JP

Image Color Picker Tool

Load an image and pick the color at any clicked point with the eyedropper. View and copy colors in HEX, RGB, and HSL, and auto-extract a dominant color palette. A magnifier loupe lets you pick the exact pixel. Everything runs in your browser, and your image is never uploaded.

Last updated: 2026/10/18 Image Feedback & bug reports

Drag & drop an image here

or

Ctrl+V Ctrl+V to paste a screenshot directly

JPEG, PNG, WebP, GIF, BMP, iPhone HEIC (max 20MB)

Hover over the image to show the loupe, then click to pick a color

Picked Color

No color picked yet
HEX —
RGB —
HSL —

Picked History

Picked colors will appear here

Color Palette (auto-extracted)

Dominant colors are extracted automatically. Click any color to copy its HEX.

Load an image to see the palette

How to Use

1

Load an Image

Drag & drop, click to select, or paste a screenshot with Ctrl+V (⌘V on Mac).

2

Click to Pick a Color

Hover over the image to reveal a magnifier loupe, then click on the color you want. HEX, RGB, and HSL are shown instantly.

3

Copy & Use

Copy the color code in any format with one click. Use the auto-extracted palette for your designs too.

About the Image Color Picker

An online tool to pick the color at any point of an image — photos, screenshots, design mockups, and more — with an eyedropper. Picked colors are shown and copyable in HEX, RGB, and HSL, and the dominant theme colors of the whole image can be auto-extracted into a palette. All processing happens in your browser, so your image is never uploaded to any server.

Features

  • Precise Eyedropper & LoupeA magnifier loupe lets you click the exact pixel. Coordinates are shown too.
  • HEX / RGB / HSLEach picked color is shown in three major formats and copied with a single click.
  • Auto Palette ExtractionMedian-cut quantization extracts up to 8 dominant colors — perfect for theme colors.
  • Browser-Only ProcessingAll processing happens locally. Your image is never sent to any server.

Use Cases

  • Build color palettes from photos and artwork
  • Extract brand colors from websites and banners
  • Grab UI colors from screenshots
  • Inspect color codes in illustrations and documents
  • Get HEX/RGB/HSL for CSS and design tools

FAQ

Is my image uploaded to a server?
No. All processing happens entirely in your browser. Your image data is never sent to or stored on any server.
What is the difference between HEX, RGB, and HSL?
HEX is a hexadecimal "#RRGGBB" notation, RGB uses red/green/blue values, and HSL uses hue, saturation, and lightness. They describe the same color in different ways for different purposes.
How is the color palette extracted?
A color quantization algorithm called median cut automatically selects the most representative colors in the image. You can choose to extract 5 to 8 colors.
Can I paste a screenshot directly?
Yes. Use Ctrl+V (⌘V on Mac) to paste an image from your clipboard and pick colors from it.
Can I pick a color from anywhere on screen?
On supported browsers (Chrome, Edge, etc.), the "Pick from Screen" button invokes the browser's native eyedropper to grab a color from anywhere on screen.
Does it work on smartphones?
Yes. You can tap to pick colors, and it works on smartphones, tablets, and PCs.

Related Tools

QR Code Generator Create custom QR codes with logo, colors & styles Image Converter Convert between PNG, JPG, and WebP formats HEIC to JPG Converter Convert iPhone HEIC photos to JPG or PNG in bulk, no upload Image Rotator Rotate, flip and straighten images in bulk, right in your browser Image Compressor Compress PNG, JPEG, WebP images to reduce file size

Popular Tools

Character Counter Count characters, words, and lines in real-time JSON Formatter Format and validate JSON with syntax highlighting Password Generator Generate secure random passwords with one click Base64 Encoder Encode and decode text or files to Base64 IP Address Checker Check your global IP address Percent Calculator Calculate percentages easily