Site Color Palette
Load a URL in headless Chromium and extract every computed CSS color as a sortable palette with swatches.
Page is fully rendered in headless Chrome before colors are extracted. May take 10–15 s.
Monitor this automatically
NetTests can run this check on a schedule, preserve historical results, compare changes over time, and alert you the moment something breaks.
Start monitoring free → See all monitoring productsFrequently Asked Questions
How does this tool extract colors?
It loads the URL in headless Chromium, fully renders the page (executing JavaScript and applying CSS), then queries the computed styles of all DOM elements for color-related properties: color, background-color, border-color, and others. This captures colors defined in CSS variables, dynamic styles, and framework-generated classes — not just static stylesheet values.
What can I use this for?
Extracting a competitor's color palette for design research, auditing color consistency across a site (finding one-off colours that break the design system), generating a brand colour reference from an existing site, or discovering what CSS custom property values resolve to at runtime.
Why do some colors appear as rgba(0,0,0,0)?
Fully transparent colors (rgba(0,0,0,0) or transparent) are computed styles on invisible elements — dividers, containers with no background, etc. This tool filters out pure transparent values, but near-transparent colors (very low alpha) may still appear. Focus on the opaque colors in the palette.