Photo tools · Free tool
Color picker from image
Drop any photo, zoom in pixel by pixel, and click to grab the exact color — HEX, RGB, HSL, its real name (burgundy? sage? camel?), and the full dominant palette. Everything runs on your device. Nothing uploads.
By Cluzy editors · Verified August 30, 2026
Name the color like a top seller
Color is one of the most-used search filters on every resale marketplace, and it is also a top reason for returns — “the green was not the green in the photo.” Getting the name right matters twice: buyers searching “burgundy” never see your “dark red” listing, and buyers who receive exactly the shade they expected do not open cases. This tool gives you both levels: the precise fashion name for your title and description, and the basic bucket for the platform’s color dropdown.
These are the pairs sellers mix up most:
| Burgundy vs. maroon vs. wine | Burgundy leans purple, maroon leans brown, wine is the lightest and reddest of the three. If it reminds you of grape juice, say burgundy. |
| Cream vs. ivory vs. beige | Cream has a yellow undertone, ivory is a warm off-white, beige has a brown undertone. Hold it next to printer paper: yellow cast = cream, barely off = ivory, brownish = beige. |
| Sage vs. olive | Sage is a soft gray-green; olive is a dark yellow-green. If it could camouflage in a herb garden it's sage, in an army jacket it's olive. |
| Mauve vs. lilac vs. lavender | Mauve is a grayed, dusty pink-purple; lilac and lavender are lighter and cleaner, with lilac slightly pinker than lavender. |
| Taupe vs. greige vs. stone | All three sit between gray and brown. Taupe is the brownest, greige is a true 50/50, stone is the lightest and coolest. |
| Navy vs. midnight blue | Navy is clearly blue; midnight reads almost black until direct light hits it. Photograph next to something black to show which one you have. |
HEX, RGB, and HSL — which one do you need?
All three describe the same color. HEX is the compact six-character code the web runs on — use it in CSS, Canva, Figma, or anywhere a design tool asks for a color. RGB spells out the red, green, and blue light components. HSL is the most human one: hue says which color, saturation says how vivid, and lightness says how bright — so “the same but darker” is just a lower L number. The copy buttons give you all three.
Color picking FAQ
Is my photo uploaded anywhere?
No. The image is decoded and read entirely in your browser with the Canvas API. You can load this page, disconnect from the internet, and keep picking colors. Nothing is uploaded, stored, or logged.
How do I get the HEX code of a color in a photo?
Drop the photo in the tool above, hover to line up the zoom loupe on the exact pixel, and click. The HEX code appears with a one-tap copy button, alongside RGB and HSL versions of the same color.
How does the tool know a color's name?
Every picked color is matched against a curated list of 140+ real fashion and product color names — burgundy, sage, camel, mauve, oatmeal — using a perceptual color-distance formula, not plain RGB math. You also get the basic bucket (Red, Blue, Beige…) that listing forms use for their color dropdowns.
What is the difference between HEX, RGB, and HSL?
They are three notations for the same color. HEX (#6C5CE7) is the compact web standard, RGB lists the red/green/blue components, and HSL describes hue, saturation, and lightness — the most human-readable when you want a slightly darker or less saturated version of a color.
Why does the picked color look different from the item in real life?
The photo, not the tool. Camera white balance, indoor lighting, and screen calibration all shift colors. For accurate listing colors, photograph in indirect daylight, and pick from a well-lit part of the item — not a shadow or a highlight. The 9×9 pixel loupe helps you avoid stray shadow pixels.
How is the dominant palette generated?
The image is sampled and run through median-cut quantization — the same family of algorithm classic image editors use. It splits the image's colors into eight boxes along their widest color axis and averages each box, so the palette reflects what actually dominates the photo, ordered by coverage.
Can I use this for brand or website palettes?
Yes. Click "Copy all" above the palette to get the eight HEX codes in one string, ready to paste into CSS variables, Figma, or a brand doc.
Does it work on a phone?
Yes — tap the photo to pick a color. The zoom loupe is a desktop nicety; on touch screens the tap itself selects the pixel under your finger.
More free tools
See all free toolsFlip your finds faster
Scan your finds at the rack. List it to eBay before you leave.
Cluzy identifies your finds, pulls real sold prices on eBay, Poshmark, and Depop, and posts an optimized eBay listing in one tap. No app-switching.
Free to download · iOS & AndroidMethod notes
- MDN: Pixel manipulation with Canvas (how in-browser picking works)
- W3C CSS Color Module Level 4 (color notation standards)
Verified August 30, 2026. Color names are matched perceptually and are a guide, not a certification — screens and photos both shift color. Your images never leave your browser.