Sign in
SK
Back to tools overview

Palette Extractor

Website Palette Extractor

Pull brand and content image colors into a usable palette, then break the result down by page, image type, and relative color distribution.

Sync auditDesign workflowHigh wow factor

Analyze runs the actual tool flow for this page. Sync audits use the extractor job API, palette is computed from discovered assets, and screenshot mapping uses a dedicated screenshot job.

Current quota

Plan-aware limit for this tool

This block reads the active user plan when you are signed in. Anonymous visits fall back to current free-plan limits.

Current plan

Website Palette Extractor

FREE

Quota details are not available for this tool yet.

Report shape

What the website palette extractor page shows

The page is structured like a product screen and a landing page at the same time: overview first, then details, export, API, FAQ, and related tools.

PalettePer-page ViewExportSwatches

Dominant colors

8

Primary swatches selected from the image set.

Accent colors

4

High-energy supporting colors worth highlighting.

Warm / cool split

62 / 38

Approximate balance across the extracted palette.

Average brightness

58%

Useful for theme and moodboard decisions.

Palette modes

  • Single page, selected pages, site section, or full-site image palette generation.
  • Optional focus on hero and content images while ignoring tiny icons.
  • Dominant, secondary, and accent color extraction with percentage share.

Output

  • HEX and RGB values for copy-ready swatches.
  • Warm versus cool balance, brightness, and saturation profile.
  • Export options for JSON, PNG, or SVG palette artifacts.

Palette view

  • Large swatches for dominant, secondary, and accent colors.
  • Percentage breakdown so brand-heavy colors stand apart from content noise.
  • Per-page palette comparison when multiple pages are included.

Designer workflow

  • Copy HEX fast for reuse in presentations or design files.
  • Download palette artifacts for moodboards or branding reviews.
  • Filter out small assets so icon sets do not distort the overall palette.

Filters

Useful report filters

Hero images onlyNo iconsContent images onlyPer-page viewWarm colors only

Use cases

Teams that benefit from this workflow

Design teams creating moodboards from competitor or reference websites.

Brand reviews that need evidence of actual image-driven color usage.

Marketing teams comparing palette drift across campaigns or sections.

FAQ

Questions users ask before implementation

Can icons distort the palette?

Yes. That is why the extractor is structured around filtering out small or utility assets when you want a truer content palette.

Is the output useful beyond a single page?

Yes. The feature is designed to compare sections, page groups, and whole sites over time.

Why include warm and cool balance?

It gives a faster brand-reading layer than raw swatches alone, especially in marketing and art-direction reviews.

Related tools

Adjacent workflows in the suite

Site Image Map

Site Image Map

Map which images appear on which pages, count reuse, classify asset roles, and spot duplication patterns.

  • Page-to-image relationship map
  • Reuse counts and duplicate insight
Async crawlSite-wide viewRoadmap-ready
Open tool

OG Preview Extractor

Open Graph and Preview Image Extractor

Extract og:image, twitter:image, favicons, app icons, and preview asset validation issues.

  • OG and Twitter preview extraction
  • Favicon and app icon inventory
Sync auditSocial previewBrand assets
Open tool

Screenshot + Assets

Website Screenshot and Asset Mapper

Capture screenshots, map image overlays, and connect asset metadata to page coordinates through UI or API.

  • Full-page screenshot capture
  • Overlay mapping for discovered assets
Async jobToken APIVisual audit
Open tool