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.
Use this tool freeBrowser tool
Color picker from image
Upload an image, click any pixel, and copy sampled HEX or RGB colors. The image stays in your browser.
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.
Features
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.
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai EnhanceSpecifications
| 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.
Design linear, radial, and conic gradients with multiple color stops. Copy the CSS code or download as a PNG image.
Convert colors between HEX, RGB, HSL, HSB, CMYK, and CSS named formats. See a live preview, copy any value, and export a color card.
Convert HEX color codes to RGB values and vice versa. Live preview, one-click copy, and CSS snippet output. works in your browser.
Upload a photo and extract 5-10 dominant colors with HEX, RGB, and HSL codes. Copy swatches, export as ASE or CSS variables.
Generate QR codes for URLs, text, WiFi credentials, and vCards. Customize colors, add a center logo, and download as PNG or SVG.
Calculate width, height, or aspect ratio for images and video. Enter any two values and get the third. Preset ratios for social media, film, and print.