Free Color Palette Generator
Upload any image to extract its dominant colors. Copy HEX, RGB or HSL values with one click — or export the full palette as CSS, JSON or PNG.
Drag & drop or click to upload
JPG, PNG, WebP supportedUpload an image to begin
Colors will appear hereWhat Is a Color Palette Generator?
A color palette generator analyses an image and identifies its most visually significant colors. This is invaluable for designers who want to create cohesive color schemes from photographs, brand images, or artwork. Instead of manually sampling dozens of pixels with an eyedropper, you get the dominant palette in seconds.
EazyStudio's tool works entirely in your browser using the HTML5 Canvas API — your image is never sent to a server. Choose how many colors to extract (4–12), switch between HEX, RGB and HSL formats, and export the result as CSS custom properties ready to paste directly into your stylesheet.
HEX, RGB and HSL — Which Should You Use?
HEX (e.g. #e84545) is the most widely used format in CSS and design tools — paste it anywhere. RGB (e.g. rgb(232, 69, 69)) is useful when you need to manipulate color channels or apply opacity with rgba(). HSL (e.g. hsl(0, 78%, 59%)) describes hue, saturation and lightness — the most human-readable format for understanding how a color relates to others in the palette.
How to Build a Brand Color Palette
Start by uploading your hero image, product photo or logo to extract 6–8 dominant colors. Remove very dark and very light shades — you'll typically want 1–2 primary accent colors, 2–3 supporting midtones, and 1 neutral. Export as CSS variables and apply them throughout your project for immediate visual consistency.