PaletteLive

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