SVG umfärben
☞ läuft komplett in deinem Browser — nichts wird hochgeladenSVG hier ablegen
oder klicken zum Auswählen — nur SVG
Vorschau
OneImageTool
Kostenlose Bildtools
SVG umfärben
Jede Farbe der Datei in einer einzigen Palette — ändere eine davon und sieh das Ergebnis sofort, oder übergib das Ganze mit currentColor an CSS.
oder klicken zum Auswählen — nur SVG
Vorschau
eine Palette, alle Farben
Eine Farbe kann auf einem fill- oder stroke-Attribut sitzen, in einem Inline-Style stehen oder in einem in die Datei eingebetteten Stylesheet — und ein Export aus Illustrator oder Figma wählt meistens Letzteres. Genau deshalb übersieht das händische Bearbeiten eines SVG im Texteditor so oft ein paar Formen.
Dieses Werkzeug liest alle drei Orte aus, dazu Verlaufsstopps und Filterfarben, und sammelt sie in einer Palette. Änderst du ein Farbfeld, ändert sich jedes Vorkommen dieser Farbe mit — egal, wo es notiert war.
drei Schritte
Wähle eine .svg-Datei — sie bleibt auf deinem Gerät.
Jede Farbe der Datei bekommt eins, samt Angabe, wie oft sie vorkommt.
Nur die Farben ändern sich; die Formen bleiben unberührt.
kurze Antworten
Es sagt der Form, sie soll die Textfarbe des Elements verwenden, in dem sie steckt. Ein Icon mit currentColor wird in einem dunklen Button weiß und in gedämpftem Text grau — ohne zweite Datei und ohne eine einzige zusätzliche CSS-Regel. So liefern Icon-Bibliotheken ihre SVGs standardmäßig aus.
Ein Verlauf ist ein Verweis auf eine Definition an anderer Stelle der Datei, keine Farbe. Ihn zu ersetzen würde den Verlauf löschen statt ihn umzufärben. Die einzelnen Stopp-Farben innerhalb des Verlaufs erscheinen sehr wohl in der Palette — bearbeite die.
Dann hat die Datei keine eigene Farbe. Meist heißt das, die Grafik steht bereits auf currentColor oder erbt ihre Farbe aus einem Stylesheet außerhalb der Datei. Öffne sie im SVG-Viewer, um den Quelltext zu sehen.
Farben werden danach gruppiert, was sie tatsächlich ergeben — #FFF, #ffffff und white sind also ein Eintrag. Bearbeitest du ihn, werden alle aktualisiert, jeweils in der Schreibweise, in der sie standen.
Nein. Die Datei wird in deinem Browser geparst und neu geschrieben.