Pick Colors from Any Image Online
Upload a photo and click any pixel to get the exact hex code and RGBA value. Build a color list as you sample — copy any value instantly.
Free preview · No signup · ~10 seconds
The simplest online image color picker
Click any pixel — get its exact color
No averaging, no guessing. The eyedropper samples the real pixel value at the exact point you click and shows you the hex code and RGBA string immediately.
Build a color list as you pick
Keep clicking to add colors to a running list (up to 10). Each entry shows the color swatch, hex code, and RGBA value side by side — easy to scan and compare.
Copy hex or RGBA in one click
Hover over any color in the list and click the copy icon. The value goes straight to your clipboard — ready to paste into Figma, CSS, Tailwind, or Photoshop.
Works with any image format
PNG, JPG, WEBP, or SVG — upload whatever you have. The picker activates the moment your image loads, with no processing delay.
Tips for getting accurate colors
Zoom in for small details
Use the zoom controls to magnify fine details before clicking. The picker samples at native image resolution regardless of zoom level.
Hover before you click
A live color preview floats next to the eyedropper as you move — use it to confirm you're on the right pixel before sampling.
Avoid JPEG artifacts
JPEGs compress color data and introduce artifacts. For pixel-perfect results, start with the original uncompressed PNG or TIFF.
Hex for design tools, RGBA for CSS
Use hex codes in Figma, Sketch, and Photoshop. Use RGBA in CSS when you need opacity control.
How to pick a color from an image online
Upload your image
Click "Open Color Picker" and drop in your photo, logo, screenshot, or any other image file.
Select Color Picker
Choose the Color Picker tool from the Create section of the toolbar. The eyedropper cursor activates automatically.
Click to sample
Move the cursor over the image — a live preview shows the color under your cursor. Click to capture it.
Copy and use anywhere
Hover over any color in the panel list and click the copy icon to grab the hex code or RGBA value.
Pick Colors from Any Image Online — in the editor
The real editor, start to finish — no signup needed to try it yourself.
Free preview · No signup · ~10 seconds
When you need to identify a color from an image
Extract brand colors
Get the exact colors from a brand's logo or visual identity guide without guessing.
CSS & frontend development
Sample colors from a design mockup and copy the values straight into your stylesheets.
Figma & Sketch handoff
Identify hex values from a reference image and apply them to new designs without re-creating the palette.
Print & packaging
Verify that the colors in a digital file match your brand's standards before sending to print.
Or just ask
Describe the edit in your own words
Type what you want changed and the assistant does it on the canvas — each step lands as a layer you can reopen, so nothing it does is baked in.
No edits yet.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Remove a Background in Photoshop (5 Methods, Ranked by What You're Cutting)
Remove Background, Select Subject, Select and Mask, the Pen tool and the Channels trick — which one suits hair, which suits a hard-edged logo, and how to kill the halo the automatic methods leave behind.
Every Brand File You Need Before Launch (A Founder's Checklist)
The logo variants, favicon sizes, OG image and social crops a new company actually gets asked for in its first month — what each one is, why it exists, and how to produce it from one file.
How to Make a Duotone Image in Canva (Presets, Custom Hexes, and the Intensity Trap)
Canva's Duotone effect in full — where it hides, how to set custom highlight and shadow colors, why Intensity below 100 stops you hitting a brand hex, and what it does to a logo with a background.
Pick colors from your image — free
Upload any photo, logo, or screenshot and sample colors instantly. No account required.