Omikuji Tools Image & Video

Color Palette

Automatically extract dominant colors from any image and generate a color palette. One-click copy of HEX / RGB / HSL, auto-generate Tailwind config, and preview your palette in a live UI mockup. No upload required — runs entirely in your browser.

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.
Get started Learn more
Color Preview
Drag & drop to apply colors
Select a role then click a palette color, or drag a color card here.

Color extraction with Median Cut / K-Means · fully client-side

Drop here to analyze
Images are never uploaded