Pick Colors and Palettes From Any Image
Click anywhere on a photo, screenshot or logo to get the exact color in HEX, RGB and HSL. ImageSpark also pulls out the image's dominant palette, and it all runs locally in your browser.
Your image is processed by your own browser and never uploaded. Many online editors send your photo to their servers and delete it later — this one never receives it at all.
Why use Color Picker
- Exact color at any pixel you click
- HEX, RGB and HSL values with one-click copy
- Automatic 8-color dominant palette
- Works with photos, screenshots, logos and artwork
- Accepts JPG, PNG, WebP, AVIF, GIF and BMP
- Nothing is uploaded; the image is read on your device
- Pixel loupe and one-pixel keyboard picking
- Saved colours, 2–12-colour palettes and coverage percentages
- Export CSS custom properties
Popular uses
- Matching a brand color from a logo you were sent
- Pulling a color scheme from a photo for a website or slide deck
- Finding the exact HEX code of a color in a screenshot
- Choosing paint or fabric colors inspired by a picture
Color Picker: frequently asked questions
How do I find the hex code of a color in an image?
Drop the image into the color picker and click the spot whose color you want. ImageSpark reads that exact pixel and shows its HEX code, such as #1E88E5, along with RGB and HSL values. Click the copy icon next to any value to paste it into your design tool, CSS or document.
What is the difference between HEX, RGB and HSL?
They describe the same color in different ways. HEX is a six-digit code popular in web design, RGB lists red, green and blue values from 0 to 255, and HSL describes hue, saturation and lightness, which is handy for making lighter or darker variations. You can copy whichever one your software expects.
How does the palette extractor work?
ImageSpark scans a scaled-down copy of your image, groups similar colors together and ranks them by how much of the picture they cover. Choose a palette of 2 to 12 dominant colours, with each group’s approximate share of the image. Because similar shades are merged, palette swatches are close approximations; click directly on the image when you need an exact pixel value.
Why is the color I picked slightly different from what I expected?
Photos contain noise, gradients and compression artifacts, so neighboring pixels often differ slightly, especially in JPGs. Click a few nearby points to find the most representative shade, or use the palette for an averaged color. Your screen's color settings can also make a color look different from how it is stored in the file.
Is my image uploaded to pick colors?
No. The picker reads pixel values with your browser's canvas engine on your own device, so the image is never sent to a server. That makes it safe for unreleased designs, client mockups and private photos, and there's no account or watermark involved on the free plan.