Color Palette
Image Palette Extractor

✨ Features

  • Auto-extracts dominant colors from images in two modes: Mood (Median Cut) and UI/Logo (K-Means)
  • One-click copy of HEX, RGB, and HSL values; auto-generate Tailwind CSS config
  • Preview your palette as background, text, and button colors in a live UI mock-up
  • No upload required — fully local processing, nothing sent to any server

🪄 Perfect for

Extracting palettes from photos

Instantly generate a mood-matching color palette from landscape or product photos.

Brand color identification

Extract brand colors from a logo or reference image and copy HEX values immediately.

Web design workflows

Preview your color scheme in a UI mock-up and export CSS or Tailwind config code.

Color code conversion

Convert between HEX, RGB, and HSL formats for use in development and design tools.

🔒 Privacy

This tool runs entirely in your browser. Images are never uploaded to any external server.

❓ FAQ

What image formats are supported?

All major formats your browser can display are supported, including JPEG, PNG, WebP, GIF, BMP, and SVG.

Can I change the number of colors extracted?

Yes. You can set the number of colors to extract, up to a maximum of 16.

Can it generate Tailwind CSS code?

Yes. The extracted palette can be exported as a Tailwind CSS configuration file (tailwind.config.js) snippet automatically.

Are images sent to a server?

No. All processing happens in your browser. Your image data is never sent to any external server.
Waiting for image
Images are processed in your browser only · never uploaded
Drag & drop an image here
Click to choose a file, or paste directly into this page. Everything is analyzed in your browser.
Click to select ⌘ / Ctrl + V to paste
JPEGPNGWEBPGIFSVG
Preview of loaded image
#000000
—
AlgorithmAlgorithm
Number of colorsSwatches
6colors
Palette Palette
0 colors
color.omikuji.dev
// Load an image to generate code
Aurora ProductPricingCompany
New release
Try your palette,
right now.
Assign extracted colors to background, text, and buttons — and see how they look in a real UI instantly.
Color Preview
Drag & drop to apply colors
Select a role then click a palette color, or drag a color card here.
Background—
Text—
Button—
tools.omikuji.dev
Color extraction with Median Cut / K-Means · fully client-side
Drop here to analyze
Images are never uploaded