Color Palette Generator
Upload any image to extract its 5 most dominant colors, with HEX, RGB, and HSL codes for each — free and processed entirely in your browser.
About the Color Palette Generator
Pulling a color palette from a photo or design is a common first step for matching brand colors, building a mood board, or picking a scheme for a website — but eyeballing hex codes from a screenshot is slow and imprecise. This tool analyzes your image and extracts its five most dominant colors automatically.
Each extracted color comes with its HEX, RGB, and HSL codes, ready to paste into your design tool or codebase. The analysis runs entirely in your browser using the Canvas API — your photo is never uploaded to a server.
How to Generate a Color Palette
Step 1
Upload your image
Drag and drop any PNG, JPG, or WEBP image, or choose one from your device.
Step 2
Review your palette
The 5 most dominant colors are extracted automatically and shown as swatches.
Step 3
Copy the codes
Copy any color's HEX, RGB, or HSL code with one click.
Frequently Asked Questions
How are the 5 colors chosen?
The tool samples pixels across your image and groups similar colors together, returning the five most common resulting colors — the palette that best represents the overall image.
What color formats do I get?
HEX, RGB, and HSL for each of the 5 colors, so you can copy whichever format your tool or codebase needs.
Does this work on photos as well as flat graphics?
Yes — flat graphics/illustrations with fewer distinct colors tend to produce a cleaner palette than a busy photo with lots of variation.
Is my image uploaded anywhere?
No. Analysis happens entirely in your browser using the Canvas API.