Markenfarben von jeder Website extrahieren
Finden Sie die exakte Farbpalette jeder Website — primäre Markenfarbe, Akzentfarben, CSS-Variablen, das theme-color-Meta-Tag und die dominanten Bildfarben. HEX- und RGB-Werte in Sekunden.
Kein Konto für den ersten Scan nötig · Ergebnisse in Sekunden
Theme-Farbe
Erkennt das theme-color Meta-Tag, Open-Graph-Farbangaben und die Manifest-Farbe, um die primäre Markenfarbe zu bestimmen.
CSS-Variablen
Extrahiert farbbezogene CSS-Variablen (--primary, --accent, --brand usw.) aus dem Stylesheet der Website.
Bildpalette
Analysiert die zentralen visuellen Elemente (Logo, Hero-Bilder) und leitet daraus per Bildverarbeitung die dominante Farbpalette ab.
So funktioniert der Website Color Extractor
Beliebige URL eingeben
Fügen Sie die URL einer beliebigen Website ein — Startseite, Produktseite oder jede andere Seite.
SmartScan liest theme-color und CSS-Variablen aus und analysiert Bilder
Prüft das theme-color Meta-Tag, Open-Graph-Hinweise und CSS-Variablen und analysiert zusätzlich die Farbpalette von Logos und Hero-Bildern.
Farbpalette als JSON mit HEX-Werten herunterladen
Sie erhalten eine strukturierte JSON-Datei mit allen gefundenen Farben samt Quelle, HEX-Code, RGB-Werten und beschreibender Rolle.
HEX- und RGB-Werte
Alle extrahierten Farben kommen mit HEX (#0d9488) und RGB (13, 148, 136) — direkt einsatzbereit in Design-Tools.
Erkennung aus mehreren Quellen
Prüft drei unabhängige Quellen: HTML-Meta-Tags, CSS Custom Properties und Bildanalyse — für maximale Abdeckung.
JSON-Export
Die Farbdaten werden als seo/brand_colors.json gespeichert — eine Liste der Farben mit Quelle, HEX, RGB und Rolle.
Beliebte Anwendungsfälle
Bestimmen Sie im Handumdrehen die exakten Markenfarben jedes Unternehmens — für Wettbewerbsanalysen oder als Inspiration.
Sie müssen das Branding eines Kunden treffen? Holen Sie sich die exakten Farbcodes, statt zu raten.
Prüfen Sie, ob die CSS-Variablen auf Ihrer eigenen Website der vorgesehenen Markenpalette entsprechen.
Sammeln Sie Markenfarben in großem Umfang — für Design-Datenbanken oder B2B-Personalisierung.
Häufig gestellte Fragen
- Welche Farbquellen werden geprüft?
- SmartScan prüft: (1) das
<meta name="theme-color">Tag, (2) Open-Graph-Farbangaben, (3) CSS-Variablen mit farbbezogenen Namen und (4) die Farbpalette von Logo und Hero-Bildern. - Werden die Farben im HEX-Format zurückgegeben?
- Ja — alle Farben werden mit HEX-Werten zurückgegeben. RGB-Werte sind zusätzlich enthalten, sofern verfügbar.
- Werden alle CSS-Farben aus dem Stylesheet extrahiert?
- Der Extraktor konzentriert sich auf CSS Custom Properties (Variablen), deren Namen auf Markenfarben hindeuten, statt jeden einzelnen Farbwert aus dem Stylesheet zu ziehen (davon gibt es schnell Tausende).
- Kann ich das Tool für die Markenrecherche bei Wettbewerbern nutzen?
- Ja — so bestimmen Sie Primär- und Akzentfarben eines Wettbewerbers, ohne dessen CSS manuell durchsuchen zu müssen.
- 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
Kostenlos — 1.000 Scans/Monat. Keine Kreditkarte erforderlich.