How do I extract a color palette from a website?

Install MiroMiro, open any live site, and open the Colors panel. MiroMiro scans every computed CSS style on the page - backgrounds, text, borders, shadows, gradients - then groups them into a clean palette with primary, accent, and neutral colors. One click copies any color as HEX, RGB, HSL, or OKLCH.

What color formats are supported?

MiroMiro shows colors in HEX, RGB, and HSL formats. Click any color to copy its value in your preferred format.

Can I extract colors from images?

MiroMiro extracts colors from CSS properties, not from raster images. For image-based color extraction, use a dedicated color picker tool alongside MiroMiro.

Does it show which elements use each color?

Yes. MiroMiro groups colors by usage - you can see which elements on the page use each color, making it easy to understand a site's color hierarchy.

Can I export the palette to CSS variables?

Yes. Use the Design Token Extractor feature to export extracted colors as CSS custom properties or Tailwind config.

Colors

Brand Color Extractor for Any Website Every color a website uses, in one click

Extract complete color palettes from any website.

Add to Chrome, free All features

Free to install · 3-day Pro trial · No card

How it works

Any site's palette, one click away

Open Colors

Every color the page uses, ordered by how often it appears.

Pick a format

HEX, RGB, HSL or a ready Tailwind class.

Copy it anywhere

One click copies the value, ready for Figma or code.

What you get

A site's palette, ready to use

Palette

Ranked by how much it's used

Brand colors come first, so you see the real palette, not every stray gray.

Formats

HEX, RGB, HSL or Tailwind

Copy any color in the format your project needs.

Copy

One click to copy

Click a swatch and it's on your clipboard, ready for Figma or code.

Tokens

Or take the whole system

Export colors with the type scale and spacing as design tokens.

Design tokens

What is the color palette extractor?

MiroMiroがWebサイトを分析し、ブランドカラー、アクセントカラー、背景色を含む完全なカラーパレットを抽出。HEX、RGB、HSL形式の正確な値ですべての色を確認できます。Adobe ColorやCoolorsのようなパレット生成ツールとは異なり、MiroMiroはライブWebサイトで実際に使用されている色を抽出。デザインインスピレーション、ブランド分析、リアルな配色によるムードボード作成に最適。

FAQ

Color palette extractor questions

RelatedColor Palette API For designers

Compare withColorZilla

More featuresCSS Inspector Assets SVG Lottie Contrast Inspect & Export Tokens Elementor

Try the color palette extractor on any website

Install MiroMiro free. Full Pro for 3 days, no card needed.

Add to Chrome, free View pricing