Color Palette Extractor
Upload any image and instantly extract a beautiful color palette. Get HEX, RGB and HSL values, copy as CSS variables, or download as PNG.
Drop an image here or click to browse
Supports JPG, PNG, WebP, GIF, AVIF
About Color Palette Extractor
The Color Palette Extractor analyzes any image and surfaces its most dominant colors as a clean, copyable palette. Upload a photo, screenshot, or design file and instantly get HEX, RGB, and HSL codes for each color. Ideal for designers who want to match brand colors or build palettes inspired by reference images.
Use Cases
- →Extract brand colors from a company logo or website screenshot
- →Build a color palette from a reference photo for a design project
- →Find the exact hex values of colors in an image for use in code
- →Generate color swatches for a mood board or style guide
Tips
- ✓Higher-resolution images yield more accurate and distinct color extraction
- ✓Click any color swatch to copy its HEX value to your clipboard instantly
- ✓Works great with photography, illustrations, UI screenshots, and brand assets
Frequently Asked Questions
You can extract between 2 and 24 colors from any image. Use the slider to choose the exact number that works for your project.
The extractor supports JPG, PNG, WebP, GIF, and AVIF. Just drag and drop your image or click to browse — no conversion needed.
No. All processing happens entirely in your browser using the Canvas API. Your images never leave your device.
Dominant mode returns the most frequently occurring colors in the image. Vibrant mode reorders the same palette to show the most saturated (colorful) colors first.
The colors themselves are not protected by copyright. You can use any extracted color values freely in personal or commercial projects.
Click "Copy HEX" on any individual color card, then paste it directly into Figma's color picker or any design tool that accepts HEX values.
Each color is shown in HEX (#rrggbb), RGB (rgb(r, g, b)), and HSL (hsl(h, s%, l%)). You can copy them individually or use "Copy CSS" to get all colors as CSS custom properties.
Currently the tool only supports uploading local files. Extracting from an external URL would require the image to allow cross-origin access, which most sites do not.