Palette from Image Generator
Upload a photo or screenshot and get its main colors as CSS variables. Ideal for cloning the design palette of any interface or reference image.
Source image
Dominant colors
Upload an image to see its dominant colors as CSS variables.
How to use: Palette from image
- 1Upload an image (it's processed in your browser).
- 2The tool extracts the dominant colors.
- 3Copy the colors as HEX or as CSS variables.
What is it for?
- Build a palette from a photo or logo.
- Match a website's design to a brand's imagery.
- Find color inspiration.
Extracting the colors of an image
How they are obtained
The algorithm groups pixels into color buckets and picks the most representative ones. The result changes with the number of colors you ask for.
Design uses
Creating a brand palette from a logo or photograph, matching a text color to a header image or generating backgrounds that go together.
Privacy
The image is processed in your browser and is not uploaded to any server.
Related tools
Frequently asked questions
Is the image uploaded to a server?+
No. The image is processed entirely in your browser using Canvas. Nothing is sent over the internet.