What color sources does it check?

SmartScan checks: (1) the theme-color meta tag, (2) Open Graph color hints, (3) CSS custom properties with color-related names, and (4) image palette analysis on logo and hero images.

Are the colors returned in HEX format?

Yes — all colors are returned with HEX values. RGB values are also included where available.

Does it extract all CSS colors from the stylesheet?

It focuses on CSS custom properties (variables) that are named to suggest brand colors, rather than extracting every color value from the stylesheet (which can be thousands).

Can I use it for competitive brand research?

Yes — it's an efficient way to identify a competitor's primary and accent brand colors without needing to inspect their CSS manually.

Yes — SmartScan is free. Register for 1,000 scans/month. No credit card required.

Free Tool

Markenfarben von jeder Website extrahieren

Discover the exact color palette of any website — primary brand color, accent colors, CSS variables, theme-color meta tag, and dominant image colors. Get HEX and RGB values instantly.

No account needed for your first scan · Results in seconds

🎨

Theme-Farbe

Detects the theme-color meta tag, Open Graph color hints and manifest color to identify the primary brand color.

🖌️

CSS-Variablen

Extracts color CSS custom properties (--primary, --accent, --brand, etc.) from the site's stylesheet.

🖼️

Bildpalette

Analyzes the main visual content (logo, hero images) to derive the dominant color palette using image processing.

So funktioniert der Website-Farben-Extraktor

Enter any URL

Paste the URL of any website — homepage, product page, or any other page.

SmartScan extracts theme color, CSS variables and analyzes images

Checks the theme-color meta tag, Open Graph hints, CSS custom properties and performs image palette analysis on logos and hero images.

Download color palette as JSON with HEX values

Get a structured JSON file listing all detected colors with their source, HEX code, RGB values and descriptive role.

🎯

HEX- & RGB-Werte

All extracted colors returned with HEX (#0d9488) and RGB (13, 148, 136) values — ready to use in design tools.

🌐

Multi-Source-Erkennung

Checks three independent sources: HTML meta tags, CSS custom properties and image analysis — for maximum coverage.

📋

JSON-Export

Color data saved as seo/brand_colors.json — list of colors with source, HEX, RGB and descriptive role.

Beliebte Anwendungsfälle

Brand research
Quickly identify the exact brand colors of any company for competitive analysis or inspiration.

Design matching
Need to match a client's brand? Extract their exact color codes without guessing.

Style guide audit
Verify that CSS variables match the intended brand palette across your own site.

Lead enrichment
Collect brand color data at scale for design databases or B2B personalization.

Häufig gestellte Fragen

What color sources does it check?: SmartScan checks: (1) <meta name="theme-color"> tag, (2) Open Graph color hints, (3) CSS custom properties with color-related names, and (4) image palette analysis on logo and hero images.
Werden die Farben im HEX-Format zurückgegeben?: Ja — alle Farben werden mit HEX-Werten zurückgegeben. RGB-Werte sind ebenfalls enthalten, sofern verfügbar.
Werden alle CSS-Farben aus dem Stylesheet extrahiert?: Es konzentriert sich auf CSS-Custom-Properties (Variablen), die Markenfarben nahelegen, statt jede Farbe aus dem Stylesheet zu extrahieren (was Tausende sein können).
Kann ich es für Markenforschung nutzen?: Ja — eine effiziente Methode, um die Primär- und Akzentfarben eines Wettbewerbers zu identifizieren, ohne CSS manuell zu inspizieren.
Ist dieses Tool kostenlos?: Ja — SmartScan ist kostenlos. Registrieren Sie sich für 1.000 Scans/Monat. Keine Kreditkarte erforderlich.

Markenfarben von jeder Website extrahieren

Free — 1,000 scans/month. No credit card required.

Create Free Account → Try Without Account