Image Color Picker

Free image color picker. Upload an image and click anywhere to grab the exact HEX and RGB colour, with a recent-colours list and copy — privately in your browser.

✓ Free ⚡ Instant 🔒 100% private
🎨

Drag & drop an image, or click to choose

JPG, PNG or WebP — opened privately in your browser

Move over the image to preview, click to pick a color
☉ Tap or click any spot on the image to grab its exact color.
HEX#FFFFFF
RGBrgb(255, 255, 255)

Recently picked — click any swatch to copy its HEX

🔒 Your image stays in your browser — nothing is uploaded to any server.

Advertisement

Free Image Color Picker (Get HEX from Image)

This free online image color picker lets you grab the exact color of any pixel in a photo or screenshot. Upload an image, move your cursor to preview colors, then click (or tap on mobile) to lock a color and read its HEX and RGB values with one-tap copy buttons. It’s free and 100% private — your image is opened straight in your browser and never uploaded.

How to use

  1. Upload an image by dragging it in or clicking to choose a file.
  2. Move over the image to preview the color under your cursor in real time.
  3. Click or tap any spot to lock that color and see its HEX and RGB.
  4. Press Copy HEX or Copy RGB to copy the value to your clipboard.
  5. Reuse any swatch from the Recently picked list by clicking it to copy again.

Why pick colors from an image

Getting the exact color out of an image is one of those small jobs that comes up constantly in design and development. Maybe you found a brand color in a logo, a shade in a photo, or a button color in a screenshot, and you need its HEX code to reuse it in CSS, a graphics app or a presentation. Eyeballing a color almost never matches — a color picker reads the true pixel value so your work stays consistent.

It’s especially handy for matching brand colors, building a palette from a mood board, recreating a gradient, or sampling skin and sky tones from a photo. Designers use it to keep a website’s colors aligned with a reference image; developers use it to pull a HEX value directly into their stylesheet. Because this tool reads pixels with the HTML canvas, the color it reports is the same data your screen displays, so what you pick is what you get.

Frequently asked questions

How does this image color picker work?
When you click or tap the image, the tool reads the exact pixel under your cursor using the HTML canvas getImageData method, then shows that pixel’s color as a HEX code and RGB values. Your click position is scaled to the image’s true pixel size, so it works even when the image is displayed smaller than its original resolution.
Is my image uploaded to a server?
No. The image is opened directly in your browser and every color is read on your device. Nothing is uploaded, so your photos and screenshots stay completely private.
What is the difference between HEX and RGB?
They describe the same color in different formats. HEX is a six-digit code like FF8800 used mostly in CSS and design tools, while RGB lists the red, green and blue values from 0 to 255. This tool shows both so you can copy whichever your project needs.
Can I use it on my phone?
Yes. On a touch screen, tap any point on the image to pick the color under your finger. The HEX and RGB values and the copy buttons work the same as on desktop.
Why does the picked color look slightly different from what I expected?
The tool reads the exact pixel value, but compressed images such as JPEGs can shift neighbouring pixels slightly, so two nearby points may differ. Zoom in or pick a flat, evenly colored area to get the most reliable result.
Advertisement