Color Palette (Color Spy) for Chrome
Scans the entire webpage to extract a deduplicated visual color palette of text, background, and border colors.
Replaces:
CSS PeeperSite PaletteColorZilla
Why Developers Switch to OmniDev
Installing a separate browser extension just for color palette (color spy) bloats Chrome memory, adds permission risk, and clutters your toolbar. OmniDev integrates Color Palette (Color Spy) natively alongside 53 other frontend and QA tools.
Scans the entire webpage to extract a deduplicated visual color palette of text, background, and border colors.
Runs inside an isolated Shadow DOM panel so host page styles never break or leak
Zero background RAM overhead when idle — lazy-loaded on demand in milliseconds
Replaces standalone CSS Peeper, Site Palette, ColorZilla extensions inside a single 54-in-1 toolkit
Shadow-DOM isolated • Zero host-page CSS leakage
STEP 01
Install OmniDev from the Chrome Web Store and open the popup or press your custom shortcut.
STEP 02
Select "Color Palette (Color Spy)" under the Inspect & Debug category (or search "Color Palette (Color Spy)" in the launcher).
STEP 03
Inspect, capture, or export results directly on the live page — 100% locally in your browser.
See How OmniDev Compares
Detailed side-by-side comparisons against standalone Chrome extensions:
Frequently Asked Questions — Color Palette (Color Spy)
Is the Color Palette (Color Spy) tool in OmniDev completely free?
Yes. Color Palette (Color Spy) and all 54 tools in OmniDev are 100% free to use with no account signup or paywall.
Does Color Palette (Color Spy) send my webpage data to an external server?
No. Color Palette (Color Spy) runs locally inside your browser tab. OmniDev is architected local-first and never uploads your DOM, storage, or network payloads to a Jambo backend.
Which standalone Chrome extensions does Color Palette (Color Spy) replace?
Color Palette (Color Spy) replaces single-purpose extensions such as CSS Peeper, Site Palette, ColorZilla, saving browser RAM and reducing extension permission sprawl.
More Inspect & Debug Tools in OmniDev
Every tool below is included in the same single Chrome extension install.
Explore All 54 Tools
CSS Scanner
Inspect CSS properties, computed styles, box model dimensions, and typography natively on hover over any element.
Tailwind Scanner
Instantly view and copy Tailwind CSS utility classes applied to any DOM element on hover.
Font Explorer (Font Spy)
Scans and lists all font families, weights, line heights, letter spacing, and live typography usage on the webpage.
Color Picker
Precision pixel-level magnifying eyedropper to sample any color on screen in HEX, RGB, or HSL.
Console Spy
Stream console.log, warnings, uncaught exceptions, and runtime errors directly in an on-page overlay without opening DevTools.
Page Ruler
Draw interactive pixel guidelines to measure element dimensions, distances, alignment, padding, and margins.
Get Color Palette (Color Spy) + 53 More Tools in 1 Click
Stop cluttering Chrome with dozens of single-purpose extensions. Install OmniDev free and run everything locally.
Install OmniDev for Free