Bildfarben ändern

Über das Ändern einer Farbe in einem Bild

Eine rote Jacke soll blau sein. Eine Markenfarbe hat sich geändert, und vierzig Screenshots zeigen noch die alte. Ein Produkt gibt es in sechs Farben, und es existiert ein Foto.

Der naheliegende Weg ist, die Farbe auszuwählen und mit einer neuen zu fluten, und das Ergebnis sieht immer falsch aus: Die Jacke wird zu einem flachen blauen Ausschnitt ohne jede Falte. Was sie wie eine Jacke aussehen ließ, war die Schattierung — hunderte leicht verschiedene Rottöne — und das Fluten wirft all das weg.

Dieses Werkzeug ändert die Farbe und behält die Schattierung. Jeder Rotton der Jacke wird zum passenden Blauton: Die Glanzlichter bleiben hell, die Falten bleiben dunkel, und es sieht weiter aus wie das Foto einer Jacke.

Was die Liste ist

Ein PNG oder JPG hat keine Farbliste in sich, wie ein SVG sie hat — ein Foto kann leicht zweihunderttausend verschiedene enthalten. Die Tabelle unter dem Bild ist deshalb das, woraus das Bild überwiegend besteht: gefunden, indem nahezu gleiche Abstufungen zusammengefasst und danach geordnet werden, wie viel des Bildes sie ausmachen.

Bei einem Logo, Symbol, Screenshot oder flacher Grafik ist diese Liste schlicht die tatsächlichen Farben, und eine davon zu ändern ist exakt.

Bei einem Foto steht jede Zeile für eine ganze Familie von Abstufungen — „die Rottöne", nicht ein Rot. Genau das macht das Ergebnis brauchbar, und genau deshalb zählt der nächste Regler.

Wie nah eine Farbe sein muss

Er entscheidet, wie viel einer Abstufung zu der Farbe gehört, die Sie gewählt haben.

• Zu eng, und nur ein Teil der Jacke ändert sich, es bleiben Flecken der alten Farbe stehen.
• Zu weit, und die Änderung blutet in Dinge hinein, die Sie nicht gemeint haben — die rote Jacke nimmt die braune Tür mit.

Beginnen Sie in der Mitte und schieben Sie, bis die Ränder der Änderung dort liegen, wo Sie sie haben wollen. Der Rand des Treffers wird weich ausgeblendet statt hart abgeschnitten, Sie bekommen also keine gezackte Kante, wo die Farbe aufhört.

Schattierung behalten

Standardmäßig an, und das ist der Unterschied zwischen einem umgefärbten Foto und einem Aufkleber.

Ist es an, behält jedes Pixel seine eigene Helligkeit, und nur Farbton und Sättigung wandern zur neuen Farbe. Ist es aus, wird jedes getroffene Pixel genau die gewählte Farbe — und das wollen Sie bei flacher Grafik, einem Logo oder einer einfarbigen Fläche, wo es ohnehin keine Schattierung zu behalten gibt.

Eine Farbe transparent machen

Jede Zeile hat neben ihrer Farbe einen Radierer. Drücken Sie ihn, und die Farbe wird nicht ersetzt, sondern entfernt — diese Pixel werden durchsichtig, statt etwas anderes zu werden.

Das ist der schnellste Weg, einen flachen Hintergrund aus einem Logo oder Symbol herauszuschlagen: im Bild auf den Hintergrund klicken, den Radierer drücken, als PNG speichern. Der weiche Rand gilt auch hier, die Grenze wird also sanft geschnitten statt herausgebissen.

Nur PNG und WebP können Transparenz speichern. Wählen Sie JPG, sagt die Seite es, denn ein JPG kann den entfernten Bereich nur als Weiß sichern.

Ins Bild klicken

Die Liste ist ein Ausgangspunkt, keine Grenze. Klicken Sie irgendwo ins bearbeitete Bild, und das Werkzeug arbeitet mit der Farbe unter Ihrem Klick — es wählt die Zeile aus, zu der diese Farbe gehört, oder legt eine neue Zeile dafür an, wenn sie keiner davon nahe ist.

Das ist meist der schnellste Einstieg: klicken Sie das an, was Sie ändern wollen, und wählen Sie dann, was daraus werden soll.

Nichts wird hochgeladen

Das Bild wird in Ihrem Browser gelesen, umgefärbt und gespeichert. Es erreicht nie einen Server, worauf es bei Produktaufnahmen, Kundenarbeiten und Fotos von Menschen ankommt.

Es bedeutet außerdem: kein Warten auf einen Upload und keine Warteschlange, und das Werkzeug arbeitet offline weiter, sobald die Seite geladen ist.

Wofür Leute es benutzen

• Die Farbe eines Produkts ändern, damit ein Foto die ganze Reihe abdeckt
• Screenshots aktualisieren, nachdem sich eine Markenfarbe geändert hat
• Ein Logo oder Symbol umfärben, das nur als PNG existiert
• Eine helle und eine dunkle Fassung derselben Grafik herstellen
• Eine Hintergrundfarbe tauschen, ohne etwas freizustellen
• Eine Farbe ausprobieren, bevor man sich festlegt, weil sich das Bild beim Auswählen mit ändert

Gut zu wissen

• Die beiden Vorschauen sind das Bild vorher und nachher, in derselben Größe, die Gegenüberstellung ist also ehrlich
• Die Ausgabe ist standardmäßig PNG, verlustfrei und mit Transparenz; JPG und WebP stehen bereit, wenn die Dateigröße wichtiger ist
• Transparente Pixel bleiben transparent, und ein als JPG gespeichertes JPG wird einmal neu codiert — speichern Sie als PNG, wenn das Bild danach noch bearbeitet wird
• Ein sehr großes Bild wird verkleinert, damit es handhabbar bleibt, und die Seite sagt es, statt still zu skalieren
• Das arbeitet mit Farben, nicht mit Objekten — haben zwei verschiedene Dinge dieselbe Farbe, ändern sich beide. Wo das bei einem Foto stört, stellen Sie das Motiv zuerst mit Hintergrund entfernen frei
• Für ein SVG gibt es SVG-Farben ändern, das die echten Farbwerte statt Pixel bearbeitet
• Um eine Farbe aus einem Bild abzulesen statt sie zu ändern, gibt es Bildfarben-Picker

So wird es benutzt

• Auf Klicken zum Hochladen klicken oder das PNG bzw. JPG auf das Feld ziehen
• Die Farben, aus denen das Bild besteht, erscheinen in der Tabelle darunter
• Eine Farbe im Bild anklicken, um zu ihr zu springen, oder eine Zeile aus der Liste wählen
• Rechts die neue Farbe setzen, mit dem Wähler oder durch Eintippen eines Hex-Werts
• Wie nah eine Farbe sein muss erhöhen oder senken, bis die Änderung das abdeckt, was Sie gemeint haben
• Schattierung behalten bei Fotos anlassen; bei flacher Grafik ausschalten
• Oder in einer Zeile den Radierer drücken, um die Farbe ganz zu entfernen, und als PNG speichern
• Auf Bild herunterladen drücken

Verwandte Werkzeuge

• SVG-Farben ändern — dieselbe Arbeit für Vektordateien
• Bildfarben-Picker — die Farben aus einem Bild ablesen
• Farbpalette aus Bild — eine ganze Palette aus einem Foto ziehen
• Hintergrund entfernen — das Motiv zuerst freistellen
• Bild komprimieren — das Ergebnis kleiner machen
• Bildgröße ändern — seine Größe ändern