Image Colour Palette
Extract a colour palette from an image — 5 to 20 dominant colours with HEX and RGB.
Processed entirely in your browser. Your image is never uploaded to a server.
- 5 / 8 / 12 / 20 colour palettes.
- Each swatch shows HEX, RGB, HSL and its share of the image.
- Copy one colour, all HEX values, or a ready-made CSS :root block.
- Runs in your browser.
Overview
Pulls the dominant colours out of an image with a median-cut algorithm. Choose 5, 8, 12 or 20 colours; copy each as HEX, copy the whole palette, or copy it as CSS custom properties.
How to use it
- 1Add an image.
- 2Pick how many colours you want.
- 3Copy individual swatches or the whole palette.
Frequently asked questions
Related guides
- How to resize a photo and signature for online formsApplication portals want the photo and signature at exact pixel sizes and tiny file sizes. Here's how to hit both without an app.
- How to compress images for the web without them looking badWhy images make pages slow, how much quality you can drop before anyone notices, and a repeatable way to hit a size target.
- How to resize an image without losing qualityWhat 'without losing quality' really means when you resize, why enlarging is different from shrinking, and how to keep proportions intact.
- JPG, PNG or WebP: which image format should you use?A practical guide to picking an image format — what each one is good and bad at, and when to convert.
Related tools
All image toolsImage Colour PickerPick a colour from any pixel of an image and copy it as HEX, RGB or HSL.Color Palette GeneratorGenerate harmonious color palettes from a base color.Image Metadata ViewerSee an image's dimensions, format, EXIF, camera info and GPS location.Contrast CheckerCheck WCAG contrast ratio between two colors.
Ready to use Image Colour Palette?
Image Colour Palette