Site Color Palette
Load a Uniform Resource Locator (URL) in headless Chromium, extract every computed Cascading Style Sheets (CSS) color, and list them 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 Cascading Style Sheets (CSS)), then queries the computed styles of all Document Object Model (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.