✦ COLOR PALETTE
Get the colors from any photo.
Find the main colors in a photo, logo or screenshot with their HEX, RGB and HSL codes, pick any exact color by tapping it, and copy the palette into your design, website or slides.
- HEX, RGB and HSL
- Pick any exact color
- Copy as CSS or JSON
Read in your browser — your photo is never uploaded.
Add a photo
Get its main colors as HEX, RGB and HSL codes.
JPG, PNG, WebP, HEIC, GIF · drag, drop or paste
COLOR PALETTE
Your palette
Click or tap anywhere on the photo to pick that exact color.
Picked colors
How did this tool work for you?
HOW IT WORKS
Color palette from photo in three steps
Add a photo
Choose, drop or paste a photo, logo or screenshot.
See its colors
The main colors are found at once, with how much of the photo each one covers. Tap the photo to pick any exact color.
Copy or save
Click a color to copy its code, or copy the whole palette as HEX, CSS or JSON, or save it as an image.
GOOD TO KNOW
Questions and answers
Something else on your mind?Ask us, we are happy to help.
Get in touchHow do I find the HEX code of a color in a picture?
Add the picture and tap the spot you want. Its HEX code is copied straight away and listed with its RGB and HSL values.
How are the main colors chosen?
The photo’s pixels are grouped into the number of colors you choose (3 to 12), and each group’s average color is shown with the share of the photo it covers, largest first.
Can I use it for brand colors?
Yes. Add your logo or a product photo to get its exact colors, then copy them as CSS variables for a website or as HEX codes for design apps.
What is the difference between HEX, RGB and HSL?
They are three ways to write the same color. HEX (#2563EB) is used in design apps and websites, RGB gives red, green and blue from 0 to 255, and HSL gives the hue, saturation and lightness.
Is my photo uploaded?
No. The colors are read in your browser and your photo never reaches our server.