Image Color Picker
Find the exact color of any part of an image. Click or tap to pick a pixel, copy its HEX, RGB or HSL value, and see the main colors the image is made of.
Your files are processed locally in your browser and are not uploaded to our servers.
How to use image color picker
- 1Drag in an image, click to choose one, or paste a screenshot with Ctrl/⌘ + V.
- 2Move over the image to preview colors, then click (or tap) to pick one. On a phone you can drag your finger to the right spot before letting go.
- 3Copy the HEX, RGB or HSL value with the copy buttons.
- 4Use “Sample size” to average a 3 × 3 or 5 × 5 area, which smooths out noise in photos.
About this tool
The image is drawn onto a canvas in your browser and the color is read straight from its pixel data, so the result is the actual color stored in the file. Your click is mapped to the real pixel even when the image is shown smaller than its full size. Keyboard users can focus the image, move a crosshair with the arrow keys (Shift for bigger steps) and press Enter to pick.
Photos and JPG screenshots contain compression noise, so neighbouring pixels can differ slightly even in an area that looks flat. Averaging a small area gives a more representative color for things like a logo, sky or product. The “Main colors” panel groups similar pixels and lists the most common distinct colors — handy for starting a palette from a photo.
Colors are read as stored in the file (sRGB). If the image has an embedded colour profile or your screen is calibrated differently, the displayed color may look slightly different elsewhere. Very large images are scaled to 4,000 pixels on the longest side for picking. The image stays on your device.
Frequently asked questions
No. The image is opened and read in your browser only. Nothing is sent to a server.
Related tools
Color Palette Generator
Generate a random color palette, with colors you can lock.
Color Converter
Convert between HEX, RGB, HSL and CMYK instantly.
Hex to RGB Converter
Convert a hex color code to RGB instantly.
Color Contrast Checker
Check WCAG color contrast ratio for accessible text.
Image to Text (OCR)
Extract English text from screenshots, photos and scans — right in your browser.