Get the HEX Code from an Image
Click anywhere on your picture to read its HEX color code, such as #4F46E5. Copy it and paste it straight into your CSS, design software, or document.
Image Color Picker
Pick exact HEX, RGB and HSL color codes from any image and build a color palette from it. Fast, free and no signup.
- 100% free
- No Signup
- No watermark
Click or tap anywhere on the image to pick a color. On a phone, touch and drag to fine-tune.
Your Privacy Matters
Your image never leaves your device. Everything happens in your browser, so nothing is uploaded.
How to pick a color from an image
1Add an image
Upload a picture, drag it in, or paste it with Ctrl+V.
2Click a color
Click or tap any spot on the image. A magnifier shows the exact pixel.
3Copy the code
Copy the HEX, RGB, HSL, HSV or CMYK value with one click.
COLOR PICKER GUIDE
Image Color Picker – Pick HEX, RGB and HSL Colors from Any Picture
Looking for a free image color picker? Pick a color from an image online and get its exact color code in seconds. Upload a photo, logo, screenshot, or design, click on any spot, and copy the HEX, RGB, HSL, HSV, or CMYK value. A built-in magnifier shows the exact pixel under your cursor, and the tool also builds a color palette from your image. Everything runs in your browser, so your picture is never uploaded, and there is no signup or watermark.
Find RGB, HSL and More
Every color is shown as HEX, RGB, HSL, HSV, and CMYK at the same time, so you can copy the format that your project needs without converting it yourself.
Color Palette from an Image
See the main colors of your picture as a ready-made palette. Click a swatch to select it, or copy the whole palette in one go.
How to Pick a Color from an Image Online
You do not need to install design software to find the color code of a picture. Use the online image color picker by following these simple steps.
- Add your image: Select a picture from your device, drag and drop it into the upload area, or paste an image from your clipboard with Ctrl+V.
- Click the color you want: Click or tap any spot on the image. The magnifier shows the exact pixel, and the color appears in the Selected color panel.
- Choose a sample size: Keep 1 pixel for an exact value, or use a 3×3 or 5×5 average to smooth out noise in photos.
- Copy the color code: Click Copy next to HEX, RGB, HSL, HSV, or CMYK to copy that value.
- Save and reuse colors: Every color you pick is saved in Picked colors, and you can copy the whole list or the palette from your image.
This free image color picker works with JPG, PNG, WebP, GIF, and other image formats that your browser can open, with up to 20 MB for each image.
HEX, RGB, HSL, HSV and CMYK: What Do They Mean?
A color can be written in several ways. The picker shows all of them so you can use whichever one your project needs.
- HEX: A six-character code starting with #, such as #FF5733. It is the most common format in web design and CSS.
- RGB: The amount of red, green, and blue from 0 to 255, such as rgb(255, 87, 51). It matches how screens create color.
- HSL: Hue, saturation, and lightness. It is handy when you want to make a color lighter, darker, or more vivid.
- HSV: Hue, saturation, and value, a format used by many color pickers in design tools.
- CMYK: Cyan, magenta, yellow, and black, the ink-based model used in printing. The value shown here is a simple conversion from the screen color, so printed results can look different.
Why Does the Picked Color Look Slightly Different?
The picker reads the pixel color exactly as your browser shows it. A color can still differ a little from the one in your original design file. JPG compression adds tiny variations between neighboring pixels, screenshots can change colors slightly, and photos often contain gradients and noise.
If you want a steadier result, switch the sample size to 3×3 or 5×5. The tool then averages a small area around the point you click instead of reading a single pixel.
Where to Use Colors You Pick from an Image
- Web design and CSS: Match a website color to a logo, photo, or mockup.
- Branding and graphics: Find the exact colors used in a logo or brand image.
- Presentations and documents: Reuse the colors of a picture in slides and reports.
- Art and decorating: Collect colors from photos for mood boards, palettes, and room ideas.
Free Image Color Picker Online
Our free image color picker makes it easy to find the color code of any picture. Add an image, click a color, and copy its value to your device. The tool is designed for convenient color picking without signup or a watermark, and it works on desktop and on mobile browsers.
On browsers that support it, you can also use Pick a color from your screen to pick a color from anywhere on your display, not only from the uploaded image.
COMMON QUESTIONS
Frequently Asked Questions About Picking Colors from Images
Find answers to common questions about picking colors from an image, color codes, and color palettes.
How do I pick a color from an image?
Add your image to the color picker, then click or tap the spot whose color you want. The color appears in the Selected color panel with its HEX, RGB, HSL, HSV, and CMYK values, and you can copy any of them.
How do I get the HEX code of a color in a picture?
Click the color in the picture and look at the HEX row in the Selected color panel. Click Copy to copy the code, for example #4F46E5, and paste it where you need it.
Can I get RGB and HSL values as well?
Yes. Every picked color is shown as HEX, RGB, HSL, HSV, and CMYK at the same time, and each value has its own Copy button.
Is my image uploaded to a server?
No. The image is opened and read inside your browser, and it is not uploaded or stored anywhere. When you close or refresh the page, the image is gone from the tool.
Why is the picked color slightly different from my original design?
JPG compression, screenshots, and noise in photos can change nearby pixels slightly. For a steadier result, set the sample size to 3×3 or 5×5 so the tool averages a small area. For logos and flat graphics, a single pixel is usually exact.
What does the sample size option do?
Sample size controls how many pixels are read for each pick. 1 pixel reads exactly the pixel you click. 3×3 and 5×5 average the pixels in a small square around that point, which smooths out noise.
How does the color palette from an image work?
When you add an image, the tool looks at its pixels and groups similar colors together, then shows the most common distinct colors as swatches. Click a swatch to select it, or use Copy all to copy the whole palette.
Can I pick colors on my phone?
Yes. Tap the image to pick a color, or touch and drag to move the magnifier and fine-tune the spot before you lift your finger.
Which image formats are supported?
You can use JPG, PNG, WebP, GIF, and other image formats that your browser can open, with up to 20 MB for each image. Transparent areas are treated as white.
Can I pick a color from anywhere on my screen?
In browsers that support the EyeDropper feature, such as recent versions of Chrome and Edge on desktop, a Pick a color from your screen button appears. It lets you pick a color from anywhere on your display. If you do not see the button, your browser does not support it.
Is the CMYK value accurate for printing?
The CMYK value is a simple mathematical conversion from the screen color, so it is a good starting point but not a guarantee. Printed colors depend on the paper, the ink, and the printer profile, so check a proof before a print job.
Is this image color picker free?
Yes. You can pick colors from images online for free, with no signup and no watermark.
Need more free tools?
Merge, split, compress and convert files in seconds. Explore everything in one place.
All Tools