Extract exact colors from any image
Upload a photo or screenshot, hover over any pixel, and get its color in HEX, RGB, and HSL formats. Build a five-color palette from a single image to kickstart your next design project — sign-in required.
Use this tool freeFeatures
Pixel-level eyedropper
Hover over the image and click any pixel to capture its exact color. A magnified loupe follows your cursor so you can target individual pixels with precision.
Multi-format output
Every picked color is displayed simultaneously in HEX (#FF5733), RGB (rgb(255, 87, 51)), and HSL (hsl(14, 100%, 60%)) — ready to paste into CSS, Figma, or any design tool.
Auto-generated palette
The tool analyzes the image and suggests a five-color palette of the most dominant hues, which you can copy as a set or adjust by picking alternate shades.
Copy to clipboard
Click the HEX, RGB, or HSL value to copy it to your clipboard instantly. A toast notification confirms the copy so you can paste without switching context.
How to use
Upload an image
Drag and drop any JPEG, PNG, or WebP file into the color picker. Screenshots, photos, and design mockups all work.
Pick a color
Move your cursor over the image. The magnified loupe shows a zoomed-in view of the area under your pointer. Click to lock in the color.
Copy or save the values
Click the HEX, RGB, or HSL code to copy it to your clipboard. Repeat to build a collection, or use the auto-generated dominant palette.
Specifications
| Supported formats | JPEG, PNG, WebP, BMP, GIF |
| Max file size | 30 MB |
| Color formats | HEX, RGB, HSL |
| Palette size | 5 dominant colors (auto) |
| Loupe magnification | 8x zoom |
| Processing | Client-side (Canvas API) |
Related Magic Eraser Tools
Common questions
Can I pick colors from a screenshot?
+
Yes. Take a screenshot on your device, upload the resulting PNG or JPEG, and use the eyedropper just like you would on any photo. This is a great way to sample colors from a website or app.
How accurate are the color values?
+
The tool reads the exact sRGB pixel data from the image canvas, so the HEX, RGB, and HSL values are precise to within one unit. Keep in mind that your monitor's calibration can make on-screen color appear different from the numerical value.
Can I extract a full brand color palette from a logo?
+
Absolutely. Upload your logo, pick each brand color individually, and copy the codes. The auto-palette also works well for logos with distinct color blocks.
Need to enhance the image first?
If your source photo is dark or noisy, AI Enhance can improve exposure and reduce grain — giving the color picker cleaner, more accurate samples to work with.
Try it freeMore free tools
Explore our other limited free edits after sign-in photo and image tools.
Resize images to exact pixel dimensions for social media, web, and print. Sign-in required for free edits. Supports JPEG, PNG, and WebP up to 50 MB.
Compress JPEG, PNG, and WebP images by up to 80 % with minimal visible quality loss. Adjust the quality slider for full control. Sign-in required for free edits.
Convert PNG images to JPEG format instantly. Adjust output quality, pick a background color for transparent areas, and download — sign-in required.
Convert JPEG images to PNG format for lossless quality and transparency support. Ideal before background removal. Sign-in required; no install required.
Convert Apple HEIC and HEIF photos to universally compatible JPEG format. Works in the browser — no app install, sign-in required, no file uploads to a server.
Convert JPEG and PNG to WebP for faster page loads, or convert WebP back to JPEG/PNG for compatibility. Sign-in required, no install, runs in the browser.