Color Palette
Extract dominant colors from any image online for free. Get 5–8 colors with HEX, RGB, and HSL values. Perfect for design inspiration. No signup.
Runs entirely in your browser — files never uploaded
Drag & drop a file here, or click to browse
JPG, PNG, or WebP — up to 25 MB
How to use Color Palette
- 1. Upload an image. Drop or browse for a JPG, PNG, or WebP image.
- 2. View extracted colors. The dominant colors are extracted and displayed as swatches with HEX and RGB values.
- 3. Copy a color. Click any swatch to copy its HEX code to your clipboard.
- 4. Adjust count. Use the slider to extract between 5 and 12 colors, then re-extract.
FAQ
How does the color extraction work?
The tool samples every 10th pixel from the image, groups similar colors within an RGB distance threshold of ~30, then returns the most frequent groups sorted by dominance.
Why do I get slightly different colors each time?
The quantization algorithm groups nearby colors together. Adjusting the count slider shifts the grouping boundaries, which can change the averaged result for borderline colors.
Does this work with transparent images?
Yes. Transparent (alpha < 50%) pixels are skipped so they don't muddy the palette.
Is my image uploaded to a server?
No. Everything runs in your browser — the image is never sent anywhere.
Related tools
- Color PickerPick any color from an image and get its HEX, RGB, and HSL code online for free. Click any pixel to grab the exact color. No signup.
- Favicon GeneratorGenerate all favicon sizes (16x16, 32x32, 180x180, 512x512) from one image online for free. Download as a ZIP. No signup.
- Color ConverterConvert colors between HEX, RGB, HSL, and CMYK online for free. Live preview with all formats at once. No signup.
- CSS GradientCreate beautiful CSS gradients with live preview online for free. Linear and radial gradients. Copy CSS code in one click. No signup.
- Image Color PickerUpload any image and pick colors from it online for free. Get HEX, RGB, and HSL values with one click. Eyedropper tool for designers.
- Box ShadowCreate CSS box shadows with a visual editor online for free. Adjust offset, blur, spread, color, and inset. Copy CSS in one click. No signup.