Entwickler / SVG-Farben
SVG-Farben ändern: SVG neu einfärben und kopieren
Untersuche explizite SVG-Farben und ihre Nutzungshäufigkeit, bearbeite Farbverläufe und einfache CSS-Farbregeln und lade anschließend die SVG herunter oder kopiere ihren Code.
SVG-Farben ändern: SVG neu einfärben und kopieren: Findet explizite Farbwerte in den Attributen fill, stroke, stop-color, color, flood-color und lighting-color sowie in Inline-Styles und einfachen Style-Regeln. Benannte Farben, kurze Hex-Codes, rgb() und hsl() werden normalisiert. Andere Bytes des Ausgangscodes bleiben erhalten, sofern die Bereinigung keine Änderungen erfordert. Läuft zu 100% lokal in deinem Browser, ohne Datei-Uploads zum Server.
- Kategorie
- Entwicklerwerkzeuge
- Ausführungen
- In deinem Browser
- Kosten
- Kostenlos · ohne Anmeldung
- Verfügbarkeit
- Einsatzbereit
Läuft vollständig in deinem Browser
SVG-Farbgebung
SVG-Füllungen, Konturen und Farbverläufe verwenden Farbwerte und Verweise auf Farbserver. Spezifikation: https://www.w3.org/TR/SVG2/painting.html
Farbsyntax
Der Parser unterstützt benannte Farben, Hexadezimalwerte, rgb(), hsl() und currentColor. Der Alphawert bleibt erhalten, wenn er angegeben ist. CSS-Variablen und erweiterte Farbräume werden von diesem Parser nicht unterstützt. Spezifikation: https://www.w3.org/TR/css-color-4/
So benutzt du es
- Ziehe eine SVG-Datei hierher oder füge ihr Markup ein.
- Verwende die einzelnen Farbwähler oder gib einen Ersatzwert ein; optional kannst du alle Farbwerte gleichzeitig ändern.
- Vergleiche vorher und nachher und lade anschließend die bereinigte SVG herunter oder kopiere sie.
Datenschutz & Einschränkungen
Der SVG-Code bleibt in deinem Browser. Vorschauen sind isolierte Bilder; unsichere Inhalte und externe Ressourcen werden entfernt.
Ähnliche Tools
Häufige Fragen
Was wird bei der Nutzung gezählt?
Explizite Farbwerte im Markup – nicht die Anzahl gerenderter Pixel oder der Elemente, die einen geerbten Stil erhalten.
Werden Farbverläufe unterstützt?
Ja. Die Farben von Verlaufspunkten können geändert werden, ohne IDs oder Verweise von Farbverläufen zu ersetzen.
Was bewirkt currentColor?
Bei einer Inline-Einbettung wird der geerbte CSS-Farbwert verwendet. Eine Bildvorschau verwendet normalerweise Schwarz, sofern die SVG nicht selbst eine Farbe definiert.
Wird jede CSS-Farbe aufgelöst?
Nein. CSS-Variablen, erweiterte Farbräume, geerbte Standardwerte und berechnete Ergebnisse von Selektoren werden nicht aufgelöst. Einfache Deklarationen und Selektoren werden unterstützt.
Kostenloses Tool · läuft in deinem browser · kein Konto nötig