Farben in SVG ersetzen
Tauscht eine Farbe im ganzen SVG gegen eine andere – Füllungen, Konturen, Verläufe und Styles – im Browser.
Läuft in deinem Browser – die Datei wird nicht hochgeladen
Häufige Fragen
Wird meine Datei hochgeladen?
Nein. Die Umwandlung läuft vollständig in deinem Browser. Die Datei verlässt dein Gerät nicht – es gibt keinen Server, der sie sehen könnte. Sobald die Seite geladen ist, funktioniert das Werkzeug sogar offline.
Wo werden Farben ersetzt?
In den Attributen fill, stroke, stop-color, flood-color, lighting-color und color, in style="…"-Deklarationen und in <style>-Stylesheets. Die Farbe darf als #rgb, #rrggbb, rgb(), rgba() oder CSS-Farbname (red, steelblue …) geschrieben sein – der Vergleich ignoriert Gross-/Kleinschreibung und Schreibweise, «red», «#F00» und «rgb(255,0,0)» sind also dieselbe Farbe. Transparenz (rgba-Alpha, #rrggbbaa) bleibt erhalten.
Was bewirkt die Toleranz?
Bei 0 wird nur die exakte Farbe ersetzt. Ein höherer Wert ersetzt auch Töne, deren Rot, Grün und Blau jeweils höchstens so weit abweichen – nützlich bei Exporten, die eine Farbe in mehrere fast gleiche zerlegen. Halte den Wert klein, sonst werden unbeteiligte Farben erfasst.
Warum hat sich nichts geändert?
Die Farbe steckt vielleicht nicht dort, wo du sie vermutest: Verläufe nutzen stop-color an ihren Stopps, manche Dateien currentColor oder Klassen, und eingebettete Rasterbilder lassen sich gar nicht umfärben. Öffne die Datei in einem Texteditor und suche den genauen Wert – oder erhöhe die Toleranz etwas, wenn die Datei einen leicht anderen Ton verwendet. Ausser Farbwerten wird nichts angefasst, die Datei bleibt sonst unverändert.
Verwandte Werkzeuge
SVG-viewBox reparieren
Ergänzt eine fehlende viewBox aus width und height, damit das SVG endlich skaliert – im Browser.
● Im Browser
SVG optimieren
Verkleinert SVG-Dateien, ohne ihr Aussehen zu verändern – im Browser.
● Im Browser
SVG in Data-URI umwandeln
Macht aus einem SVG eine kompakte data:-URL für CSS und HTML – im Browser, ohne Upload.
● Im Browser
SVG in CSS-Hintergrund umwandeln
Schreibt eine fertige CSS-Regel mit dem SVG als eingebettetem Hintergrund oder Maske – im Browser.
● Im Browser