Skip to content

Color Palette from Image: Extract Colors from a Photo

Extract the dominant colors from any image as a palette with HEX and RGB codes and their share of the picture, pick exact pixel colors, and export CSS variables, Tailwind or JSON.

Drop an image here, paste from the clipboard, or

JPG, PNG, WebP, GIF, BMP or SVG. Files never leave your browser.

How to get a color palette from an image

  1. Drop a photo, illustration or screenshot.
  2. Choose how many colors you want (2–12). The palette updates instantly.
  3. Click a color to copy its HEX code, or click anywhere on the image to pick that exact pixel.
  4. Export the palette as CSS custom properties, a Tailwind color object or JSON.

How the colors are found

The image is sampled and its pixels are grouped with k-means clustering: similar colors are averaged together, and each group becomes one palette color. The percentage shows how much of the image each color covers. Transparent pixels are ignored. Sort by share to see the dominant colors first, or by hue for a rainbow order.

Using the palette in a design

  • Use the most common, calm color for backgrounds and the rarest, most saturated one as an accent.
  • Build full scales from each color with the tints and shades generator.
  • Check text and background pairs with the contrast checker before using them.

All processing happens in your browser. Your images are never uploaded to a server, so the tool works with private photos and keeps working offline once the page has loaded.

More image tools

Image Compressor: Reduce JPG, PNG & WebP File Size
Compress JPG, PNG and WebP images in your browser: set quality, convert to WebP, limit the width and download one by one or as a ZIP. No upload, no sign-up.
Image Resizer: Resize Images to Exact Pixels Online
Resize images to exact pixel dimensions or by percentage, keep the aspect ratio, crop to square or social card sizes, and export as JPG, PNG or WebP in your browser.
Image Converter: PNG, JPG, WebP & AVIF Online
Convert images between PNG, JPG, WebP and AVIF in your browser. Batch convert several files, choose quality and a background for transparent areas, and download as ZIP.
Crop, Rotate & Flip Image Online
Crop images with a free or fixed aspect ratio (1:1, 4:3, 16:9, 9:16 and more), rotate 90° and flip horizontally or vertically, then download as PNG, JPG or WebP.
Image to Base64 Converter (and Base64 to Image)
Convert an image to a Base64 data URI, an img tag or a CSS background, or decode a Base64 string back to an image and download it. Works offline in your browser.
Favicon Generator: ICO, PNG & Apple Touch Icon
Create a complete favicon package from an image, text or emoji: favicon.ico, 16–512 px PNGs, Apple touch icon, web manifest and the HTML to paste into your head tag.
Image Filters & Adjustments: Brightness, Contrast, Blur
Adjust brightness, contrast, saturation, hue, blur, grayscale, sepia and invert, try presets like vintage or black and white, download the edited image and copy the CSS filter.
Add Watermark to Image: Text or Logo Online
Add a text or logo watermark to photos: set size, opacity, rotation and one of nine positions, or tile it across the whole image, then download at full resolution.
EXIF Viewer & Remover: Remove GPS Location from Photos
View the EXIF data in a photo (camera, lens, settings, date and GPS location) and remove all metadata before sharing. JPEG cleaning is lossless and runs in your browser.