Website Color Theme Extractor - Online Grab Palette from CSS

A Website Color Theme Extractor is a tool that scans CSS code or live web pages to identify and collect all color values used in the stylesheet. It compiles them into an organized color palette, making it easy for designers and developers to analyze, reuse, or document a website's color scheme. This tool supports hex, RGB, RGBA, HSL, HSLA, and named CSS colors.

The extractor uses regular expressions to scan CSS text for color patterns. It identifies hex codes (#fff, #3b82f6), RGB/RGBA functions, HSL/HSLA functions, and over 140 named CSS colors (like "tomato", "steelblue", "coral"). Duplicate colors are automatically merged and counted by frequency. Results can be sorted by usage frequency, hue, or lightness.

The tool supports all major CSS color formats: Hexadecimal (#RGB, #RRGGBB, #RRGGBBAA), RGB (rgb(255,255,255)), RGBA (rgba(0,0,0,0.5)), HSL (hsl(200,50%,50%)), HSLA, and all 148 W3C named colors including transparent. You can switch the display format between HEX, RGB, and HSL with one click.

The URL extraction feature attempts to fetch a website's HTML and CSS. However, due to browser CORS (Cross-Origin Resource Sharing) security policies, many websites block external requests. If extraction fails, we recommend using the "Paste CSS" mode: open the target website in your browser, use DevTools (F12) to view the CSS, and paste it directly into the tool.

Colors are normalized during extraction. Short hex codes like #fff are expanded to #ffffff. RGB and HSL colors are converted to their hex equivalents for deduplication. Colors with alpha transparency (RGBA/HSLA with alpha < 1) retain their original format since opacity affects the final rendered color. Named colors are mapped to their standard hex values per W3C specifications.

You can copy individual colors by clicking on any color card, export all colors as HEX values, generate CSS custom property declarations (--color-name: #value), export as a JSON array for use in design systems, or download a plain text file. The palette is ideal for creating style guides, design system documentation, or reverse-engineering a competitor's color scheme.

Yes. CSS custom properties like --primary-color: #3b82f6; are fully parsed. The color values within variable declarations are extracted just like any other CSS property value. This makes the tool excellent for analyzing modern design systems that rely heavily on CSS variables.

Yes, this Website Color Theme Extractor is completely free to use with no registration required. All processing happens in your browser — no data is ever uploaded to any server. You can extract unlimited color palettes from as many CSS files or websites as you need.

"Total colors found" counts every occurrence of a color in the CSS, including duplicates. "Unique colors" counts each distinct color only once after deduplication. For example, if #3b82f6 appears 15 times across a stylesheet, it contributes 15 to the total count but only 1 to the unique count, with a frequency badge showing "15×" on its card.