PaletteLive

Tracking since Apr 28, 2026.

Changelog

• May 5, 2026
  description

  PaletteLive scans any webpage and shows you every color as interactive swatches — 
  click any swatch to edit it, and the change appears on the page instantly without 
  reloading. It works on modern SPAs, Shadow DOM, CSS variables, and persists your 
  changes per domain across reloads and navigation.
  
  Built for UI/UX designers, front-end developers, and accessibility auditors who 
  need real color data from real websites — not a basic eyedropper.
  
  HOW IT WORKS
  1. Click the PaletteLive icon on any website.
  2. Every color is extracted from the full DOM — including Shadow DOM, CSS custom 
     properties, pseudo-states (:hover, :focus), and keyframes.
  3. Click any swatch to open the color editor. Changes appear live on the page.
  4. Export your palette in the format your workflow needs.
  
  KEY FEATURES
  
  Color Extraction
  • Full DOM and Shadow DOM scan — nothing is missed
  • Resolves CSS variables and computed stylesheet colors
  • Captures pseudo-state colors (:hover, :focus, :active)
  • CIEDE2000 perceptual color clustering with adjustable threshold
  • Color heatmap overlay — see which colors dominate the page
  
  Live Editing & Persistence
  • Real-time color override engine — no page reload ever needed
  • Mutation observer watchdog — overrides stay sticky across SPA route changes
  • Per-domain persistence — saved palettes reapply automatically when you revisit a site
  • BFCache resilient — overrides survive browser back/forward navigation
  • Full undo/redo history for every color change
  
  Accessibility
  • WCAG contrast checker with AA and AAA pass/fail indicators
  • One-click automatic text contrast enforcement
  • Color vision simulation — Protanopia, Deuteranopia, Tritanopia, Achromatopsia
  
  Palette Tools
  • 6 harmony generators: Monochromatic, 60-30-10, Analogous, Complementary, 
    Split-Complementary, Triadic
  • Import a palette from file or clipboard — auto-maps onto the page preserving 
    contrast relationships
  • Color dropper — click any element to pick its color directly
  
  Export
  • CSS Variables
  • JSON Design Tokens
  • Tailwind Config
  • CMYK
  • CIE LAB
  • OKLCH
  
  PRIVACY
  All processing is fully client-side. Zero network requests. No analytics, no 
  telemetry, no data collection. Your palettes are stored locally on your device only.
  Privacy policy: https://palettelive.mckesav.in/privacypolicy.html

  PaletteLive — Extract, Edit, and Export Any Website's Colors
  Click the PaletteLive icon on any website and instantly see every color on the page as interactive swatches. Click a swatch to edit it — the change appears live on the page, no reload needed. Export your palette when you're done.
  HOW IT WORKS
  
  Click the toolbar icon on any site.
  PaletteLive scans the full page — CSS stylesheets, Shadow DOM, CSS variables, and computed styles — and displays every color found.
  Click any swatch to open the editor. Pick a new color and watch the page update in real time.
  Toggle Before / After for a split-screen comparison, then export in your preferred format.
  
  FEATURES
  Extraction
  Full DOM scan including Shadow DOM, CSS custom properties, pseudo-states, and keyframes. CIEDE2000 perceptual clustering groups visually similar colors automatically.
  Live Editing
  Color changes apply instantly without reloading. Overrides persist across SPA navigation, back/forward cache, and domain revisits.
  Accessibility
  WCAG AA/AAA contrast checker, one-click auto text contrast fix, and vision simulation for Protanopia, Deuteranopia, Tritanopia, and Achromatopsia.
  Tools
  Color dropper, frequency heatmap, 6 harmony generators, import from file or clipboard, full undo/redo.
  Export Formats
  CSS Variables · JSON Tokens · Tailwind Config · CMYK · CIE LAB · OKLCH
  PRIVACY
  Fully client-side. Zero network requests, no analytics, no telemetry. All palettes stored locally on your device.
  Privacy policy: https://palettelive.mckesav.in/privacypolicy

Permissions & access

Permissions

activeTabscriptingstorage

Host access

<all_urls>

Screenshots