Image Color Picker
Click any pixel in your image to grab its exact color. Get the HEX, RGB and HSL values copied to your clipboard. Handy for designers matching brand colors from photos.
How to image color picker
Three steps. No Photoshop skills needed.
Upload an image
Choose any photo or design file you want to sample colors from.
Click to pick
Move your cursor over the image and click to grab a color.
Copy the values
HEX, RGB and HSL codes are shown. Click any to copy.
What You Can Do with This Tool
Click anywhere on an image and get the exact color at that pixel. The tool gives you the color value in multiple formats: Hex (#3A7BDE), RGB (58, 123, 222) and HSL (216, 72%, 55%). Each format is used in different contexts. Hex is standard in web design and CSS. RGB is common in graphic design software. HSL is helpful when you need to adjust hue, saturation or lightness.
Brand color extraction is one of the most practical uses. Upload a company logo or brand image, pick the primary colors and get exact values you can use in your designs. No more guessing if that blue is #0066CC or #0055BB. Click the pixel and know for sure.
Designers use color pickers for building palettes, matching colors across different materials and ensuring consistency between print and digital assets. If a client sends you a photo and says "I want this shade of green," you can extract the exact value instead of eyeballing it.
The tool works on any uploaded image: photos, logos, screenshots, artwork or design mockups. Each color you pick can be copied to your clipboard in your preferred format and pasted directly into your CSS, design tool or style guide.
Frequently Asked Questions
How do I get the exact hex code of a color from an image? I need it for my website.
Upload the image here and click on any pixel. The tool shows you the hex code (#FF5733), RGB values (255, 87, 51) and HSL values instantly. Click the hex code to copy it to your clipboard, ready to paste into your CSS or design tool.
I found a color I love in a company's logo but they haven't published their brand guide. How do I figure out the exact color?
Upload the logo image here and click on the color you want. You'll get the exact hex and RGB values. Pro tip: click on a few different spots within the same color area and average the values, since JPEG compression can cause slight color variation across what looks like a solid color.
The color I picked from an image looks different when I use it in my design. The hex code seems wrong.
A few things cause this: JPEG compression changes colors slightly from the original, your monitor brightness and calibration affect how colors look on screen, and color profiles (sRGB vs Display P3) can shift things. The hex code from the picker is accurate to what's in the file, the mismatch is usually between your screens, not the tool.
Can I extract a whole color palette from an image, not just one color?
Right now this tool picks one color at a time. Click around the image to grab individual colors and build your palette manually. For automatic palette extraction (dominant colors), tools like Coolors or Adobe Color are purpose-built for that.
I just need a quick color pick from a screenshot. Do I really have to upload it to a website?
Our tool runs in your browser, the image stays on your device and doesn't get uploaded to any server. It's as private as a local desktop app. If you're on Windows, you can also try the built-in PowerToys Color Picker (Win+Shift+C) for picking colors from anything on your screen, not just images.