Image color picker
Click any pixel in a photo to get its exact color.
Move over the photo to magnify, then click to pick a pixel's exact color.
Runs in your browser. Your files never leave your device.
- HEX, RGB and HSL
- Magnifier for precise picks
- Dominant color palette
How to pick a color from an image
- Drop a photo here.
- Move over the photo and click the exact pixel you want.
- Copy the HEX, RGB or HSL value.
HEX, RGB and HSL explained
| Format | Example | Used for |
|---|---|---|
| HEX | #3B82F6 | CSS, design tools, most style guides |
| RGB | rgb(59, 130, 246) | CSS, image editors |
| HSL | hsl(217, 91%, 60%) | Adjusting a color's lightness or saturation |
How the dominant color palette is built
The photo is shrunk to a small working size, then its colors are grouped into about 8 representative shades using color quantization, the same technique that reduces a photo to a smaller palette for GIF or paletted PNG output. It reflects the colors that take up the most area, not necessarily the most visually striking ones.
Tips for an exact pick
- Zoom in with the magnifier before clicking. It shows a magnified view of the pixels around your cursor so you can line up the exact one you want.
- Click History to reuse a color you already picked earlier in the same session.
- For a photo with noise or JPEG artifacts, pick a pixel from a flat area of the color you want rather than an edge, where compression can shift individual pixels.
Image color picker FAQ
How precise is the color pick?
It reads the exact pixel under your cursor, magnified in the loupe so you can line it up precisely.
What is the dominant color palette?
It shows around 8 colors that appear most across the photo, useful for matching a design to a picture.
Can I go back to a color I already picked?
Yes. Every color you click is saved in History, so you can click it again to bring back its HEX, RGB and HSL values.
Is my photo uploaded?
No. The color picker reads pixels in your browser, so the photo never leaves your device.
What is the difference between HEX and RGB?
They describe the exact same color in different notations. HEX uses a 6-digit code, RGB spells out the red, green and blue values from 0 to 255. Use whichever your tool or CSS expects.
Why would I use HSL instead of HEX?
HSL separates a color's hue, saturation and lightness, so it is easier to make a lighter or more muted version of a color by changing one number instead of recalculating all three RGB values.
Does the picked color account for JPEG compression?
No, it reads the exact pixel value from the file you dropped, including any color shift JPEG compression already introduced. For the truest color, pick from a flat area rather than an edge.