#339999
rgb(51, 153, 153)
hsl(180, 50%, 40%)
W 3.41 · B 6.16
Color Palette Generator from Images
Generate, extract, customize and export color palettes entirely in your browser.
Images, colors, codes and sensitive content remain in your browser and are not stored.
Generated palette
#336699
rgb(51, 102, 153)
hsl(210, 50%, 40%)
W 6.00 · B 3.50
#333399
rgb(51, 51, 153)
hsl(240, 50%, 40%)
W 10.12 · B 2.07
#40BFBF
rgb(64, 191, 191)
hsl(180, 50%, 50%)
W 2.22 · B 9.44
#4080BF
rgb(64, 128, 191)
hsl(210, 50%, 50%)
W 4.17 · B 5.03
From image
Drop images here
Up to 50 MB each. You can also choose or paste an image.
Design preview
Palette preview
A simple preview for evaluating visual relationships, not a final accessibility audit.
Export palette
How to generate a color palette
- 1
Choose an harmony, gradient, random mode or local image.
- 2
Generate colors and lock or reorder individual swatches.
- 3
Preview contrast and export in design-friendly formats.
Private, precise browser tools
Local processing
Inputs and generated output stay in this browser.
Typed validation
Invalid formats are rejected with specific feedback.
Accessible exports
Textual values and keyboard controls complement every visual result.
Frequently asked questions
How are image colors extracted?
A reduced analysis copy is quantized into deterministic color buckets.
Can I export CSS?
Yes, along with SCSS, JSON, text, SVG, PNG and a Tailwind-like object.
Is anything sent to a server?
No. Processing is local and sensitive values are not stored by default.