Starting a redesign or building a new site based on existing branding? PaletteRx can extract the complete color palette from any website in seconds, with no browser extensions or dev tools required.
Three Ways to Import
URL Import: Paste any website URL into the import field. PaletteRx fetches the page through a CORS proxy cascade (trying multiple proxies for reliability) and parses everything: CSS custom properties, stylesheet colors, inline styles, SVG fills, background gradients, and more.
HTML Import: If you have access to the source code, paste raw HTML directly. This is useful for local development environments, email templates, or pages behind authentication.
CSS Variable Detection: PaletteRx specifically identifies CSS custom properties (design tokens like --primary-color or --brand-blue) and displays them separately with their variable names. These are your most valuable colors because they represent intentional design decisions, not incidental shades.
Intelligent Color Clustering
A typical website has dozens to hundreds of individual color values, but many are just slight variations of the same hue. PaletteRx uses a perceptual clustering algorithm to group similar colors while preserving genuinely distinct hues.
This means it correctly identifies that #e55039 (red-orange) and #f97316 (orange) are different colors, while #ffffff and #fafafa are essentially the same white.
The Extraction Panel
After extraction, you will see three sections. Design Tokens shows CSS custom properties with their variable names. Core Palette shows the clustered results with frequency counts. All Colors expands to show every unique color found.
Click any swatch to add it to your palette. Click again to remove it. Colors already in your palette show a green checkmark badge.