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.

MiroMiro

ログイン Chromeに追加

すべての機能

Colors

Brand Color Extractor for Any Website

Extract complete color palettes from any website. Get brand colors with HEX, RGB, and HSL values - a better alternative to Site Palette and Coolors for real-world extraction.

Chromeに追加料金を見る

無料で試せるローカル＆プライベート 20,000人以上が利用

Need this as an API? Get any site's palette with one GET request →

ライブデモ

Colorsの実演--実際のWebサイトで撮影。

Colorsについて

MiroMiroのColorsの仕組み

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

Colors panel extracting a site's palette and gradients

主なメリット

すぐに使える機能

Extract all colors from any site

Get HEX, RGB, and HSL values

Identify primary and accent colors

Copy colors with one click

ユースケースBrand color analysisDesign inspirationCreating color schemesMatching existing designs

4ステップで開始

Colorsの使い方

1
Install MiroMiro
Add MiroMiro to Chrome from the Chrome Web Store - it's free.
2
Open any website
Navigate to the website whose color palette you want to extract and activate MiroMiro.
3
View the color palette
MiroMiro automatically scans the page and displays all colors grouped by usage - primary, accent, text, and background colors.
4
Copy or export colors
Click any color to copy its HEX, RGB, or HSL value. Export the full palette as CSS variables or Tailwind config.

Try Colors free

Full Pro for 3 days - no card needed. Takes about 30 seconds to install.

Chromeに追加

5.0 · 20,000+ developers & designers

MiroMiro API

Need this as an API?

The same engine behind this feature is a REST API. One GET request against any live URL returns its full color palette, with usage counts, as structured JSON.

See the Color Palette API Explore the API

FAQ