Color Picker from Image
Click any pixel in a photo to get its exact hex, RGB, and HSL color values. No upload.
Examples
Brand color
Input
Company logo PNG
Output
Click on the logo color — get exact hex code to use in CSS
Photo color match
Input
Reference photo
Output
Pick multiple pixels from sky/shadow to build a matching color palette
History
Input
Any image, multiple clicks
Output
Last 10 picked colors saved as swatches for quick reference
About this tool
This free online color picker lets you extract the exact color from any point in an image — just drop a photo and click any pixel to get its hex code, RGB values, and HSL values instantly. Works entirely in your browser, no upload required.
How to use
- Drop or choose an image (JPG, PNG, WebP, GIF, or BMP).
- Click any point on the image to pick that pixel's color.
- Copy the hex code or note the RGB and HSL values.
- Pick multiple colors — the last 10 are saved as swatches below.
Use cases
Extract brand colors from a logo, match colors from a reference photo for a design project, identify exact paint or product colors, or build a palette from an inspiring image — all without leaving your browser.
Frequently asked questions
How do I pick a color from an image?
Drop or choose an image, then click anywhere on it. The tool instantly shows the hex code, RGB values, and HSL values for the pixel you clicked.
Is my image uploaded to a server?
No. The image is drawn onto an HTML canvas in your browser. No data ever leaves your device.
What color formats does this tool show?
It shows the hex code (e.g. #ff6347), RGB values (red, green, blue from 0 to 255), and HSL values (hue in degrees, saturation percentage, lightness percentage).
Can I copy the hex code?
Yes. Click the Copy button next to the hex code to copy it to your clipboard.
How many picked colors are saved in the history?
The tool keeps the last 10 colors you picked, displayed as color swatches. Click any swatch to revisit that color's values.
What image formats are supported?
JPG, PNG, WebP, GIF, and BMP. Any format the browser can render on a canvas works.
Can I use this as a free online eyedropper tool?
Yes. Drop any image and click any pixel to extract its exact color. This is the browser-based alternative to the eyedropper tools found in Photoshop, Illustrator, or Figma.
Learn more
Related tools
Image Resizer
Resize, crop, rotate, compress, and convert images — in your browser, no upload.
Image Compressor
Shrink JPG, PNG, and WebP image file sizes — in your browser, no upload.
Image Sharpener
Sharpen soft or blurry photos online — adjust strength and download, no upload.
Image Blur
Apply Gaussian blur to a photo — adjust the radius and download, no upload.