Color picker from image
Upload, drop or paste a photo, then click any spot to get its hex code, RGB and HSL values and its color name. The picker also pulls a palette of the main colors in the image.
How to pick a color from an image
- Choose Browse image, drop a photo on the frame, or paste a screenshot with Ctrl+V (Cmd+V on a Mac). A sample photo is loaded so you can try it first.
- Click anywhere on the photo. The selected pin jumps to that spot, and the magnifier shows the pixels under your pointer so you can land on the exact one you want.
- Read the color on the left: its hex code, RGB and HSL values, each with a copy button, and the closest name from a list of over 900 named colors.
- For a palette, use the slider or the plus and minus buttons to sample 2 to 10 colors, then open them in the generator or build a full color system from the most vivid one.
What you can do
Pick any pixel
Click or drag on the photo to sample the exact pixel under the pin, with a magnified view of the pixels around it.
HEX, RGB and HSL
Every picked color shows its hex code and its RGB and HSL values, ready to copy into CSS, Figma or any design tool.
Find the color name
The picker names the color, or the closest named color, and links to its page with shades, matching colors and contrast.
Automatic palette
Pins start on the distinct dominant colors of the image, so you get a usable palette of 2 to 10 colors without any clicking.
Upload, drop or paste
Browse for a file, drag one onto the frame, or paste a screenshot straight from the clipboard.
Private by design
A photo you add is read in your browser to sample its pixels and is not sent to a server.
Frequently asked questions
How do I find the hex code of a color in an image?
Add the image with Browse image, drag and drop, or paste, then click the spot you want. Its hex code appears on the left with a copy button, next to its RGB and HSL values.
How can I tell what color something is in a photo?
Click it in the picker. You get the exact color code of that pixel and the name of the closest color from over 900 named colors, with a link to a page about that color. Light and shadow change the pixels, so try a few spots.
How does the picker choose the palette colors?
It groups the pixels of a small copy of the image by how they look to the eye, in the OKLab color space, and picks a representative pixel for each group. Near-duplicates are dropped, so a flat image gives fewer, more distinct colors.
Is my photo uploaded?
No. A photo you choose is read in your browser so its pixels can be sampled, and it is not sent to our server. Only the sample photo the page starts with is loaded from the web.
Can I pick a color from a screenshot?
Yes. Take the screenshot, then press Ctrl+V (Cmd+V on a Mac) on this page to paste it, and click the color you want. This works for websites, apps and video frames.
Which image formats work?
Any image your browser can display, which normally includes JPEG, PNG, WebP and GIF.