Zum Hauptinhalt springen
PlusBildbearbeitung

SVG-Umfärber

Du hast ein schönes Icon-Set, aber die Farben passen nicht zu deiner Marke - und jedes einzeln in einem Editor umzufärben ist eine Qual. Der SVG-Umfärber tauscht Fill- und Stroke-Farben in SVG-Icons aus, mit Live-Vorschau, fertigen Farbpaletten, Stapelverarbeitung und PNG-Export.

Ein Blick hinein - live

Live-Vorschau. Interaktiv wird es mit deinem Konto.

Was SVG-Umfärber kann

Icons kommen fast nie in der Farbe, die du gerade brauchst. Mal sind sie schwarz, mal in einem Blau, das mit deinem Corporate Design streitet, mal einfarbig, obwohl du zwei Töne willst. In einem Vektor-Editor jedes Icon einzeln zu öffnen und die Farbwerte von Hand zu ändern, kostet Nerven und Zeit. Der SVG-Umfärber nimmt dir das ab: Er findet die Farben in der SVG und tauscht sie gezielt aus.

Der Kern ist das Umfärben von Fill und Stroke. Fill ist die Füllfarbe einer Form, Stroke die Farbe der Konturlinie. Das Tool erkennt beide, zeigt dir die vorhandenen Farben und lässt dich jede gegen deine Wunschfarbe tauschen - als Hex-Wert oder aus einer Palette. So machst du aus einem schwarzen Icon ein markenfarbenes, ohne den Vektor selbst neu zeichnen zu müssen.

Für schnelle Ergebnisse gibt es fertige Farbpaletten. Ob monochrom, pastellig, dunkel, hell oder an gängigen Design-Systemen orientiert - du wählst eine Palette und siehst sofort, wie das Icon damit aussieht. Das ist ideal, um ein ganzes Set in einen einheitlichen Look zu bringen oder verschiedene Varianten für hellen und dunklen Hintergrund zu erzeugen.

Die Live-Vorschau zeigt jede Änderung sofort. Du drehst an den Farben und siehst das Ergebnis in Echtzeit, statt blind Werte zu tippen und erst nach dem Export zu merken, dass es nicht passt. Das macht das Ausprobieren schnell und angenehm - besonders, wenn du den perfekten Markenton erst finden musst.

Mit der Stapelverarbeitung färbst du ein komplettes Icon-Set in einem Rutsch um. Statt zwanzig Icons einzeln anzufassen, wendest du deine Farbregeln auf alle an und bekommst ein einheitliches Set zurück. Auf Wunsch exportierst du das Ergebnis nicht nur als SVG, sondern auch gleich als PNG, falls du ein Pixelformat brauchst.

Deine Icons werden nur für das Umfärben verarbeitet und nicht dauerhaft gespeichert. SVG rein, markengerechtes Icon raus - fertig für Website, App, Präsentation oder dein Design-System.

Funktionen

Fill und Stroke tauschen

Füllfarbe und Konturlinie werden erkannt und lassen sich getrennt gegen deine Wunschfarbe austauschen.

Farbpaletten-Presets

Monochrom, pastell, dunkel, hell und mehr - ein Set einheitlich einfärben mit einem Klick.

Live-Vorschau

Jede Farbänderung erscheint sofort, sodass du den passenden Ton in Echtzeit findest.

Hex-Werte und Markenfarben

Trag deinen exakten Hex-Wert ein und bring Icons genau auf deine Corporate-Farben.

Stapelverarbeitung

Ein ganzes Icon-Set auf einmal umfärben, statt jedes einzeln im Editor zu öffnen.

SVG- und PNG-Export

Nimm das Ergebnis als Vektor mit oder gleich als Pixelbild, wenn du ein PNG brauchst.

So funktioniert es

  1. 1

    SVG-Icons hochladen

    Zieh eine oder mehrere SVG-Dateien in das Fenster - einzeln oder als komplettes Set.

  2. 2

    Farben zuweisen

    Tausche Fill und Stroke gegen deine Hex-Werte oder wähle eine fertige Palette.

  3. 3

    Vorschau prüfen

    Die Live-Vorschau zeigt sofort, wie das Icon in deinen Farben wirkt.

  4. 4

    Als SVG oder PNG laden

    Exportiere das umgefärbte Icon als Vektor oder Pixelbild, einzeln oder das ganze Set.

Wer das braucht

Designer, die ein Icon-Set auf die Markenfarben eines Kunden bringen.
Entwickler, die dunkle und helle Varianten desselben Icons brauchen.
Marketing-Teams, die ein einheitliches, farblich stimmiges Icon-Set wollen.
Alle, die ein schwarzes Standard-Icon in ihre Wunschfarbe umfärben.
Web-Gestalter, die Icons an ein Design-System oder Theme anpassen.

Häufige Fragen

Was ist der Unterschied zwischen Fill und Stroke?

Fill ist die Füllfarbe einer Form, Stroke ist die Farbe der Konturlinie drumherum. Ein Icon kann nur einen Fill haben, nur einen Stroke oder beides. Der SVG-Umfärber erkennt beide und lässt dich jede Farbe getrennt austauschen.

Kann ich meine exakten Markenfarben verwenden?

Ja. Trag einfach den Hex-Wert deiner Corporate-Farbe ein, etwa aus deinem Styleguide, und das Icon übernimmt genau diesen Ton. So bringst du ein ganzes Set präzise auf dein Branding.

Kann ich ein ganzes Icon-Set auf einmal umfärben?

Ja. Die Stapelverarbeitung wendet deine Farbregeln oder eine Palette auf alle hochgeladenen Icons an. So bekommst du in einem Rutsch ein einheitliches Set, statt jedes Icon einzeln zu bearbeiten.

Bleibt die SVG-Datei bearbeitbar?

Ja. Beim Export als SVG bleibt die Grafik ein Vektor und damit weiter skalier- und bearbeitbar - nur eben in deinen neuen Farben. Wenn du ein Pixelformat brauchst, exportierst du zusätzlich als PNG.

Werden meine Icons gespeichert?

Nein. Deine SVG-Dateien werden nur für das Umfärben verarbeitet und danach nicht aufbewahrt. Es gibt keine dauerhafte Speicherung auf einem Server.

SVG-Rasterizer

Wandle SVG-Vektorgrafiken serverseitig in PNG, JPG, WebP oder AVIF um. Mit DPI-Steuerung, Sta…

Farbwerkzeug

Konvertiere zwischen HEX, RGB, HSL und CMYK. Generiere harmonische Farbpaletten.

Farbpaletten-Extraktor

Extrahiere dominante Farben aus Bildern. HEX, RGB, HSL, OKLCH kopieren. Export als CSS, Tailw…

Bild-Konverter

Wandle Bilder zwischen JPG, PNG, WebP, AVIF, GIF und BMP um. Batch-Konvertierung mit Qualität…

Favicon Generator

Erstelle ein komplettes Favicon-Set mit ICO, Apple Touch Icon, Android Chrome, PWA-Manifest u…

Bereit für SVG-Umfärber?

Keine Installation. Zum Loslegen kein Konto nötig. Direkt im Browser öffnen.

Jetzt öffnen