Extract the color palette from any website.
Mira measures the colors a site actually shows and ranks them by how much of the site each one covers.
How Mira builds the palette
Mira samples one page per template, measures the colors those pages show and groups them with k-means clustering in Lab space. Each color keeps its share of the site, and the ribbon at the top of the report draws them at those proportions.
Colors the site declares as CSS custom properties are marked as tokens. Each swatch lists its hex, RGB and OKLCH values and its contrast ratio as text on the page background, with WCAG AA badges. Click a hex value to copy it.
Taking the palette with you
The brand kit turns the palette into files: an Adobe .ase swatch file, a Procreate palette, design tokens in the W3C format and Tailwind themes for v4 and v3.
Questions
How do I get a website's color palette?
Mira measures the colors the site actually shows and groups them into a palette, ranked by how much of the site each color covers. Colors the site declares as CSS custom properties are marked, and each swatch shows its hex value and its contrast ratio against the page background.
Which color formats does Mira give?
Hex, RGB and OKLCH for each swatch in the report. The swatch pack adds an Adobe .ase file, a Procreate .swatches file, design tokens in the W3C format and Tailwind themes.
Which websites work with Mira?
Most server-rendered websites work. Sites that block datacenter traffic or serve a bot challenge, such as Amazon, may not return content to the web version. The native macOS app crawls from your own connection and gets through more often.
Is Mira free?
Yes. Mira is free to use and needs no account or sign-in.