Icons mit CSS-Filtern umfärben
Wenn Sie SVG-Fills nicht leicht tauschen können, kann ein Filter-Stack ein schwarzes Asset Richtung Markenfarbe tönen. Näherungen sind selten perfekt—prüfen Sie die Vorschau und justieren Sie bei Bedarf.
CSS-Filter-Generator
Wählen Sie eine Ziel-Hex-Farbe, um eine CSS-filter()-Näherung (invert, sepia, saturate, hue-rotate, brightness, contrast) für monochrome Icons zu erzeugen.
So funktioniert es
- 1
Formularfelder ausfüllen.
- 2
Modi ggf. wechseln.
- 3
Ausgabe kopieren, wenn sie passt (oft live).
Warum dieses Tool nutzen
- Läuft vollständig in Ihrem Browser — es wird nichts an einen Server gesendet.
- 100 % kostenlos, ohne Anmeldung und ohne Limit.
- Funktioniert in jedem modernen Browser — ohne App, Erweiterung oder Konto.
So nutzen Sie CSS-Filter-Generator
Felder in CSS-Filter-Generator ausfüllen. Ausgabe entsteht im Browser.
Tipps für bessere Ergebnisse
Optionale Felder leer lassen für ein Minimalergebnis.
Datenschutz und Verarbeitung im Browser
Wo möglich verarbeitet CSS-Filter-Generator Ihre Daten lokal mit JavaScript auf dieser Seite. Entwürfe, Geheimnisse und unfertige Arbeit bleiben standardmäßig auf Ihrem Gerät. Nutzen Sie diesen Ablauf, wenn Sie keine sensiblen Texte, Tokens, Passwörter oder Dateien an einen Drittanbieter senden möchten.
Häufig gestellte Fragen
Funktioniert das bei jedem Bild?
Es ist für schwarze (oder nahezu schwarze) Icons gedacht. Farbfotos lassen sich nicht sauber auf eine einzelne Zielfarbe abbilden.
Warum gibt es einen Loss-Wert?
Loss schätzt, wie weit das gefilterte Ergebnis von der Zielfarbe entfernt ist; niedriger ist näher.
Werden meine Daten beim Nutzen dieses Tools hochgeladen?
Bei den meisten FlyUtils-Tools: nein. Die Verarbeitung erfolgt in Ihrem Browser mit JavaScript. Falls ein Tool einen Server braucht, steht das klar auf der Seite.
Ist CSS-Filter-Generator kostenlos?
Ja. CSS-Filter-Generator ist kostenlos, ohne Anmeldung und ohne künstliche Limits für den normalen privaten und beruflichen Gebrauch.
Funktioniert CSS-Filter-Generator auf dem Handy?
Ja. Die Seite ist mobile-first — Sie können Eingaben einfügen, Optionen anpassen und Ergebnisse vom Smartphone oder Tablet kopieren.