Farbpalette aus einer Website
Geben Sie eine beliebige Website-URL ein und extrahieren Sie ihre Farbpalette – jede in den Stylesheets verwendete Farbe, nach Häufigkeit sortiert und bereit zum Kopieren oder als Code exportierbar.
Geben Sie eine Website-Adresse ein, um ihre Farbpalette zu extrahieren.
Es können nur öffentliche Webseiten gelesen werden, und die Farben stammen aus dem CSS, das die Seite ausliefert – eine Website, die mit Bildern oder Canvas gestaltet ist, liefert möglicherweise weniger Farben. Kostenlos, ohne Anmeldung.
Über Farbpalette aus einer Website
Das Werkzeug „Farbpalette aus einer Website“ zeigt die Farben, die eine Website tatsächlich verwendet. Geben Sie eine öffentliche Webadresse ein, und die Seite wird auf unserer Seite abgerufen – Browser können aufgrund von Cross-Origin-Beschränkungen keine andere Website direkt lesen –, anschließend werden ihre Inline-Stile, eingebetteten Style-Blöcke und verlinkten Stylesheets nach jedem Farbwert durchsucht.
HEX-, rgb()-, rgba()-, hsl()- und hsla()-Werte werden alle in eine einheitliche HEX-Form normalisiert und gezählt, sodass die Palette nach der Häufigkeit jeder Farbe im CSS der Website sortiert zurückkommt. Diese Häufigkeitssortierung unterscheidet die echte Primärfarbe einer Marke von den Dutzenden einmaliger Rahmen und Schatten weiter unten in der Liste.
Jedes Farbfeld kopiert mit einem Klick, und das Export-Panel verwandelt das Ergebnis in CSS-Variablen, SCSS, eine Tailwind-Konfiguration, JSON, ein SVG-Farbfeldblatt oder eine einfache HEX-Liste. Das Werkzeug ist kostenlos und ratenbegrenzt, erreicht nur öffentliche Adressen und speichert nichts über einen kurzlebigen Cache der Extraktion hinaus.
So verwenden Sie Farbpalette aus einer Website
- Fügen Sie eine öffentliche Website-Adresse in das Feld ein (https:// wird automatisch ergänzt, falls Sie es weglassen).
- Klicken Sie auf „Farben extrahieren“ und warten Sie einen Moment, während die Seite und ihre Stylesheets gelesen werden.
- Prüfen Sie die Palette – die Farben sind danach sortiert, wie oft sie im CSS der Website vorkommen.
- Klicken Sie auf ein Farbfeld, um seinen HEX-Wert zu kopieren, oder nutzen Sie „Alle kopieren“ für die gesamte Liste.
- Öffnen Sie den Export, um die Palette als CSS, SCSS, Tailwind, JSON, SVG oder einfaches HEX zu erhalten.