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 的实景演示--录制于真实网站。

关于Colors

MiroMiro 中 Colors 的工作原理

MiroMiro analyzes any website and extracts its complete color palette, including brand colors, accent colors, and background tones. See every color with exact values in HEX, RGB, and HSL formats. Unlike palette generators like Adobe Color or Coolors that create palettes from scratch, MiroMiro extracts the actual colors used on live websites - perfect for design inspiration, brand analysis, and building mood boards with real-world color schemes.

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