Extract colors from an image
Pull out the colors used in an image and show them as color codes (HEX, RGB).
1. Choose an image
Works with JPEG, PNG, WebP, GIF and HEIC (iPhone photos).
Drag and drop images here
or
2. Colors in the image
The colors used most in the image, most common first. Tap one to copy it.
Number of colors
Format
3. Use them all
Save the palette as an image, or copy all the colors at once.
Everything happens on this device. Your images are never uploaded.
Colors are counted on a shrunken copy of the image, so very small details may not show up in the palette. Use the eyedropper for those.
Found it useful? We'd love a share
Something not working, or an idea to make it better?
How to use
1. Choose an image
Tap “Choose files” and pick the photo or image you want to check.
Drag and drop the image anywhere on the page, or use “Choose files”.
2. See the colors used
The most common colors are listed below the image. Change “Number of colors” or “Format”, and tap a color to copy it.
The colors used most in the image are listed, most common first. Pick 5, 8 or 12 with “Number of colors” and switch between HEX, RGB and HSL with “Format”. Click a color to copy it.
3. Pick a color with the eyedropper
Tap the image to pick and copy the color at that spot. Press and hold briefly, then move your finger to show a magnifier and choose a precise spot; the color where you lift your finger is picked.
Hover over the image to see the color under the pointer, and click to pick and copy it. Press and drag to show a magnifier and choose a precise spot; the color where you release is picked.
4. Use them all
“Save palette as image” saves an image with the colors and their codes.
“Save palette as image” saves an image with the colors and their codes. “Copy all HEX” and “Copy as CSS variables” copy every color at once.
Great for
Borrowing a color scheme from a photo or illustration
Pull colors from a photo or artwork you like and use them in slides, documents or a website.
People who design or make documents
Finding the exact color of a logo or product
Tap the image to get the color code at that spot — handy for checking logo and brand colors.
Web and marketing teams
Dropping colors straight into CSS
Use “Copy as CSS variables” and paste the palette right into your stylesheet.
Web developers
Matching colors for crafts and paint
Note down a photo’s colors as codes to guide your choice of paint, yarn or fabric.
Makers and crafters
Good to know before you start
- Colors on screen look different depending on the monitor and the photo’s brightness. For print colors (CMYK), check with your printer’s color samples.
- Heavily compressed JPEGs mix slightly different colors into areas that look flat. Use the eyedropper for an exact color.
- To make images smaller, try “Compress images”.
About color codes
A color code describes a color with numbers. Web and design apps commonly use three notations: HEX, RGB and HSL. They all describe the same color, just written differently.
This tool shrinks the image, groups colors that look alike, and finds the ones used most. The percentage is a rough guide to how much of the image is close to that color.
FAQ
Answers to common questions before you start.
Are my images sent anywhere?
No. Everything happens inside the browser on your device, and your images are never uploaded to a server.
Are the colors exact?
Colors from the eyedropper are the exact pixel you tapped. Palette colors are averages of similar colors, so they may not match any single pixel exactly.
A color I want isn’t in the palette.
Set “Number of colors” to 12 to bring out less common colors. For very small details, tap the image to pick the color with the eyedropper.
How do I copy a color?
Tap a palette color to copy it. Colors picked with the eyedropper are copied as soon as you tap. “Copy all HEX” copies every color at once.
What’s the difference between HEX, RGB and HSL?
They’re different ways to write the same color. HEX uses “#” and hexadecimal, RGB gives the amount of red, green and blue, and HSL uses hue, saturation and lightness. Switch to whichever you need.
Can I get print colors (CMYK)?
No. This tool gives screen colors (sRGB). For print, check with your printer’s color samples.
What about transparent areas?
Transparent areas aren’t counted when building the palette.
Can I save the palette?
“Save palette as image” saves a PNG with the colors and their codes. “Copy as CSS variables” copies them in a form you can paste into a stylesheet.
Do iPhone photos (HEIC) work?
Yes. Besides JPEG, PNG, WebP and GIF, you can pick colors from iPhone HEIC photos.
Is it free?
Yes. No sign-up and no ads.
More tools
- Remove photo location (Exif)
Remove location, date taken and other details from photos without losing quality.
- Edit photo Exif
Change the date taken, location, camera model and author of photos without losing quality.
- Mosaic & blur images
Hide names, addresses, faces and more in screenshots and photos with mosaic or solid boxes.
- Crop images
Crop the part of an image you need, as a rectangle, circle, heart and more.
- Convert images to WebP
Turn PNG or JPEG into WebP, a lighter format that still looks great.
- Convert images to PNG
Turn JPEG or WebP into PNG, a format that never loses quality.