Image Color Picker | Pick HEX, RGB and HSL from Photos
Upload an image and sample pixels to copy exact HEX, RGB, and HSL colors for branding, UI design, CSS, or palette matching.
Pick Colors from Uploaded Images
Upload an image, click a pixel, and copy its HEX, RGB, or HSL value for palettes, CSS variables, brand matching, product photos, and design references.
Sample the Right Pixel
Photos often contain shadows, highlights, compression artifacts, and gradients. Click several nearby pixels before choosing a color for branding or UI work.
When Image Color Picking Helps
Use it to match colors from logos, screenshots, product images, mood boards, illustrations, and website references without opening a full design app.
About This Tool
Color Picker from Image extracts the exact HEX colour value of any pixel you click on in an uploaded image. It lets you identify brand colours from a logo, sample colours from a photograph, or match colours in a design.
When to Use It
Use this to find the hex code of a colour in a logo or photo, when recreating a design and you need to match existing colours precisely, or when building a colour palette from a reference image.
How to Use
- Upload the image you want to sample colours from.
- Click any point on the image.
- The HEX, RGB, and HSL values appear for that pixel.
- Copy the value you need.
Frequently Asked Questions
Why does the sampled colour not match what I see on screen?
Monitor colour profiles, brightness settings, and JPEG compression all affect displayed colour. Sample from the original high-quality file for the most accurate result.
Can I sample multiple colours at once?
Click multiple points to build a list of sampled colours. Each click adds a new swatch to your collected palette.
Does it work on transparent PNG images?
Yes. For transparent areas the tool reports the colour of the visible pixel regardless of background context.