Image Colour Palette Extractor
Extract the dominant colours from a photo or logo as hex codes with their share of the image, ready to paste into CSS or design tools.
Runs on your device
Result
Results appear here after you select “Extract colours”.
What it does
Building a theme from a brand photo or matching a client’s logo? The extractor samples the pixels, groups similar shades and returns the most common distinct colours.
How to use it
- Choose an image.
- Choose how many colours to return.
- Copy the hex codes or the CSS variables.
Example
The example generates a small sample file in your browser and runs the tool on it. Select Try an example above to see it.
When it helps
- Matching website colours to a logo.
- Building presentation themes from photos.
- Checking brand colour consistency.
Questions
Why does a colour differ slightly from my brand hex?
Compression and antialiasing shift pixel values a little, and similar shades are averaged together.
Are transparent pixels counted?
No. Pixels less than 50% opaque are ignored.
More image tools
See all 12- Image Metadata (EXIF) Remover See whether a JPEG or PNG carries EXIF, GPS, XMP or text metadata, then download a clean copy with all of it removed. Fully local.
- Placeholder Image Generator Create placeholder images at any size with custom colours and label text, as SVG or PNG, for wireframes, mockups and layout testing.
- Image Compressor Reduce JPEG and WebP file size by choosing a quality level, with before and after sizes shown. Images are compressed in your browser, not on a server.
- Image Resizer Resize an image to exact pixel dimensions or to a width or height while keeping its proportions. High quality smoothing, processed locally.
- Image Format Converter Convert images between PNG, JPEG and WebP, including GIF, BMP and AVIF input. Transparent areas get a white background when saving as JPEG.
- Image Cropper Crop an image to an exact pixel rectangle, or to a centred aspect ratio such as 1:1, 4:3 or 16:9. Precise, keyboard friendly and local.
People also use
Browse all 200 tools- Freelance Hourly Rate Calculator Work out the hourly rate you need as a freelancer from your income goal, expenses, tax and realistic billable hours, not the hours you are at your desk. Business
- Tone Generator (Frequency Generator) Play a pure sine, square, triangle or sawtooth tone at any frequency from 20 Hz to 20 kHz to test speakers, headphones and hearing range. Device tests
- Diff Checker Compare two texts line by line and see exactly which lines were added or removed, with an option to ignore whitespace changes. Developer
- .htaccess Redirect Generator Generate Apache .htaccess rules for 301 or 302 page redirects, forcing HTTPS and adding or removing www, for cPanel and Hostinger hosting. SEO