Frontend Hero — Color Palette Explorer
Any website's full color palette. One click.
See every color used on a page — backgrounds, text, borders, everything. Copy in HEX, RGB, or HSL. Hover any color to see exactly where it appears.
11 developer tools. One extension. $98 $59 one-time · 3-day money-back guarantee
Why developers love Color Palette Explorer
Every Color, Automatically
Scans the entire page and lists every color — backgrounds, text, borders, shadows. Nothing is missed.
Copy in Any Format
HEX, RGB, or HSL — click any color to copy it in the format you need. Switch formats instantly.
See Where Each Color Appears
Hover any color in the palette and every element using that color highlights on the page.
Get started in 3 steps
From install to your first use in under 30 seconds.
Open Color Palette Explorer
Click the Frontend Hero icon and select Color Palette Explorer. The page is scanned instantly.
Browse the palette
Every color is listed by frequency. Hover any color to see where it's used on the page.
Copy what you need
Click any color to copy it in HEX, RGB, or HSL. Use it in your project immediately.
Built for designers and developers
Designer
Extract a competitor's color palette for mood boards and design system research.
Frontend Developer
Audit your site for rogue colors that don't match the design system.
Freelancer
Pull a client's brand colors from their existing site for a redesign proposal.
"The fact that this is a one-time purchase and not another $15/month subscription is what sold me. I use the Color Palette Explorer and Font Explorer almost daily when building landing pages."
Mia Torres
Indie Developer
One-time purchase. 11 tools included. 3-day money-back guarantee.
Color Palette Explorer + 10 more tools for $59
Every Frontend Hero license includes all 11 tools. No add-ons, no upsells.
CSS Scanner
Inspect any element's styles in one hover
Font Explorer
See every font on any page at a glance
Color Picker
Pick any color — copy as HEX, RGB, HSL, or Tailwind
Tailwind Scanner
Inspect, toggle, and edit Tailwind classes live
Tailwind Converter
Click any element, get its Tailwind classes
Element Screenshot
Click any element, get a perfect screenshot
Page Ruler
Measure anything on any page, pixel-perfect
Asset Spy
Download every image from any page — even hidden ones
Console Spy
Monitor console output without opening DevTools
Text Edit Mode
Change any text on any page — without code
Get Frontend Hero Today
One license = One browser. Use on multiple devices? Get multiple licenses.
Each license works on one browser. Need team licenses? Email sales@frontend-hero.com for volume discounts.