Color palette from image.
Drop a photo, logo or screenshot and get its main colors as a palette, the most common first, ready to copy as HEX codes or CSS variables.
Drop an image here
or
PNG, JPG, WebP, GIF, SVG
Runs in your browser. Your image never leaves your device.
Free tool, no warranty, no liability. The result is produced automatically by a free tool from transjt.ai, nothing more. It can be incomplete or wrong. transjt.ai gives no warranty and accepts no liability for decisions or changes based on it; check every result before you use it.
Color palette from image in three steps.
- 01
Drop your image
A photo, a logo, a mood board or a screenshot of a website.
- 02
Set the number of colors
From 3 to 10; the palette updates at once.
- 03
Copy the palette
One color, the HEX list, or CSS variables for your stylesheet.
Try it with your build.
Design your website today, launch tomorrow.
Start for FreeBook a demo
No. The image is read in your browser, on your device. It never reaches a server, so screenshots of unreleased designs stay private.
The tool groups similar pixels together and takes the average color of each group, the largest groups first. Each color shows its share of the image.
Five or six usually cover a photo; logos and flat graphics need fewer. Transparent areas are left out.
Copy the HEX list to paste into Figma styles or variables, or copy the CSS variables (--color-1 and so on) into your stylesheet.
Yes, with no sign-up and no limits.
Related tools.
- Complementary colorsThe opposite color and four more schemes, on the wheel.
- Color picker from imageClick any point of a picture for its HEX and RGB.
- RGB to HEXRed, green and blue values to a HEX code, as you type.
- HEX to RGBA HEX code to red, green and blue values, as you type.
- CMYK to RGBPrint values to screen colors, with the HEX code.
- Color contrast checkerCheck text and background colors against WCAG AA and AAA.
- All color toolsHEX, RGB and CMYK codes, complementary colors, a color picker and image palettes.
- All free toolsSmall tools for the jobs around a website: images, colors, sizes and fonts, alt text, prompts for AI builders, and a check whether AI agents can use your site. The converters run in your browser, so nothing is uploaded.
Design your website today, launch tomorrow.
At transjt, every second counts. That’s why our mission is simple: save you time and remove friction from your workflow.