Wie erstellt man auf einer Beauty‑E‑Commerce‑Website Farbnuancen‑Diagramme für Flüssigfoundation? Einheitliche Vorgehensweise für Proben, Produktflaschen und SKU‑Seiten.

Bei der Neuvorstellung einer Flüssigfoundation ist das Zeitfresser‑Problem oft das Farbnuancen‑Bild. Die Produktflasche ist bereits fotografiert, die Arm‑Proben sind fertig – doch erst als die Redaktion beide Bildgruppen auf der Produktseite hochgeladen hat, stellt sie fest: Dieselbe neutrale, helle Nuance wirkt im Fläschchen eher gelblich, auf der Haut eher roséfarben, und auf dem Farbkarten‑Swatch erscheint sie sogar eine Stufe heller. Niemand wagt es, das Produkt vorzeitig zu veröffentlichen.
Selbst wenn man allen Bildern denselben Filter verpasst, lässt sich dieses Problem nicht lösen. Eine Foundation wird durch den Behälter, die Auftragsdicke, den Hautton und das Licht beeinflusst; daher kann kein Pixel im Bild exakt gleich aussehen. Entscheidend ist vielmehr, die Abfolge der Nuancen in Helligkeit und Dunkelheit, die Kalt‑/Warm‑Tönung sowie die Zuordnung zu den jeweiligen SKU‑Nummern einheitlich festzulegen. Erst nachdem diese drei Punkte klar definiert sind, sollten Model‑ und Umgebungsbilder erstellt werden.
Erstens: Vor Beginn der Arbeit an den Farbnuancen‑Bildern sollte zunächst eine vollständige Farb‑Referenztafel für die gesamte Palette angefertigt werden.
Die Farb‑Referenztafel ist kein Poster für die Verbraucher, sondern ein gemeinsames Arbeitsdokument für das Visual‑Team, das Merchandising‑Team und das Marketing‑Team. Für jede Nuance werden vier Elemente dargestellt: das bestätigte Produktmuster, ein Standard‑Farbfeld, ein Frontalbild der Flasche sowie der Name der Nuance. Alle Dokumente tragen dieselbe Nummerierung – damit es nicht vorkommt, dass im Shooting „Hell‑Neutral“ steht, im Backoffice jedoch „Light Neutral“ verwendet wird.
Kalt, warm und neutral sind gängige Kategorien zur Tönung bei Kosmetikmarken; allerdings unterscheiden sich die Marken teilweise in der Zuordnung von Pfirsich‑, Oliv‑ und Goldtönen. Wie diese Felder beschriftet werden, entscheidet die jeweilige Marken‑Farbnomenklatur. Das Visual‑Team hat lediglich die Aufgabe, diese Vorgaben konsequent umzusetzen – es darf beispielsweise keine neutrale Nuance eigenmächtig in eine warme Nuance umwandeln, nur weil das Bild etwas grau wirkt.
Farb‑Referenztafel‑Felder | Wer bestätigt | Wie werden die Bilder während der Produktion verwendet |
|---|---|---|
Nuancenname und SKU | Produktteam | Verknüpfung von Flaschenbildern, Farbkarten und Variantenbildern |
Reihenfolge der Helligkeit und Dunkelheit | Gemeinsame Abstimmung zwischen Produkt‑ und Visual‑Team | Prüfung, ob benachbarte Nuancen vertauscht wurden |
Tönungs‑Label | Marken‑Produktdaten | Einschränkungen für die Kalt‑/Warm‑Tönung bei Proben und Model‑Bildern |
Standard‑Produktmuster | Physische Muster oder genehmigte Originalvorlagen | Als Referenz für Retusche und Farbgenerierung |

Die Farb‑Referenztafel klärt zunächst, welche SKU welcher Nuance zugeordnet ist, bevor über die ästhetische Qualität des Bildes diskutiert wird.
Zweitens: Warum sieht dieselbe Nuance einer Foundation im Fläschchen, auf der Farbkarte und auf der Haut unterschiedlich aus?
Im Inneren der Flasche wird das Produkt durch Glas oder Kunststoff sichtbar, die Farbkarte zeigt eine flache, deckende Farbe, und beim Arm‑Test mischt sich zusätzlich die natürliche Hautfarbe ein. Dass zwischen diesen drei Darstellungen Unterschiede auftreten, ist völlig normal. Bei der Abnahme sollte man nicht mit einem Pipetten‑Tool einen einzelnen RGB‑Wert extrahieren und alle drei Bilder künstlich auf eine einheitliche Farbe bringen; vielmehr sind sie nebeneinander neben der Farb‑Referenztafel zu betrachten, um zu prüfen, ob sich die Rangfolge der Helligkeiten geändert hat oder ob die Tönung von kalt zu warm gewechselt oder von neutral zu rosé übergegangen ist.
1. Beim Flaschenbild gilt: Zuerst die Farbe des Produkts, dann das Material der Verpackung.
Bei transparenten Flaschen muss zwischen dem Produkt und dem Spiegelungseffekt der Flaschenwand unterschieden werden; bei matten Flaschen sinkt hingegen die Sättigung. Bei der Retusche dürfen Etikett, Pumpkopf und Deckel von Staub befreit werden, doch die Farbe im Inneren der Flasche darf nicht zusammen mit dem Hintergrund neu eingestellt werden. Wenn zwei benachbarte Nuancen im Original deutliche Unterschiede aufweisen, sollte auch das weiße Flaschenfrontbild diesen Unterschied widerspiegeln.
2. Bei der flachen Farbkarte muss die Reihenfolge der Helligkeiten unverändert bleiben; einzelne Nuancen dürfen nicht isoliert aufgehübscht werden.
Farbkarten eignen sich am besten für einen horizontalen Vergleich. Bei der Erstellung sollten die Farben in der vorgegebenen Reihenfolge des jeweiligen Herstellers angeordnet werden, wobei Fläche, Randabstände und Hintergrund einheitlich gehalten werden müssen; wenn ein bestimmter Farbfeld „nicht auffällig genug“ wirkt, sollte es nicht extra hervorgehoben werden. Andernfalls könnte der Käufer beim Klicken auf das SKU‑Bild in der Farbkarte den Eindruck bekommen, dass es sich um eine andere Farbnuance handelt.
3. Beim Hauttest sind Deckkraft und Untertöne zu prüfen; eine pixelgenaue Übereinstimmung mit der Farbkarte ist nicht erforderlich.
Bei Armtests sind Anzahl der Aufträge, Form der Ränder sowie Lichtverhältnisse anzugeben. Dünne und dicke Schichten dürfen nicht in derselben Reihe kombiniert werden; außerdem sollten feuchte Produkte mit Glanz nicht direkt mit völlig trockenen Farbfeldern verglichen werden. Die Bildunterschrift sollte klar machen, dass es sich um einen Test handelt – es darf nicht behauptet werden, dass das KI‑Bild tatsächliche Deckkraft oder Haltbarkeit widerspiegelt.

Die drei Trägermaterialien müssen nicht pixelgenau übereinstimmen; die Reihenfolge der Farbnuancen und die Richtung der Untertöne dürfen nicht vertauscht werden.
III. Bei Beauty‑Armtests geht es nicht darum, „wie viele Farben vorhanden sind“, sondern darum, „auf welcher Hautfarbe sie wirken“.
Wenn ein Arm mit über einem Dutzend Farbnuancen gefüllt ist, scheint die Informationsmenge groß, doch der Käufer kann kaum erkennen, welche davon seiner eigenen Hautfarbe am nächsten kommt. Praktischer ist es, zunächst nach Hauttönen zu gruppieren und dann jedes Bild unter gleichen Lichtbedingungen, mit gleichem Auftragbreite und gleicher Farbnuancenreihenfolge zu halten. Welche Hauttöne das Model abdecken soll, richtet sich nach dem tatsächlichen Verkaufsspektrum und den Produktfarbtönen – nicht nach kurzfristigen Effekten zur optischen Auflockerung.
Wenn zusätzliche Kompositionen für Farbtests benötigt werden, können ungeschminkte Hautreferenzen und Skizzen der Auftragsorte bereitgestellt werden; in PixPix lässt sich eine einheitliche Grundlage für Tests mit festgelegter Kameraeinstellung, Licht und Freiraum generieren . Die KI ist nur für Arm oder Model, Kameraeinstellungen und Layout zuständig und darf weder eigenständig Farbtöne erzeugen noch deren Wirkung auf der Haut ableiten. Das endgültige Testbild, das der Käufer sieht, sollte aus realen Testfotos unter einheitlichen Bedingungen stammen oder von der Marke freigegebene Materialien verwenden und anschließend gemäß der bestätigten Position zusammengesetzt werden.
Empfehlungen für die Aufnahmesituation: Immer dieselben Lichtquellen, Weißabgleich, Kameraeinstellungen und Hintergründe für alle Farbtests verwenden; vermeiden Sie Bilder, die zum Teil am Fenster und zum Teil unter warmem Licht entstanden sind.

Die gleiche Farbnuance wirkt je nach Hautfarbe unterschiedlich; die Reihenfolge der Nuancen, die Auftragsdicke und die Lichtverhältnisse bleiben jedoch konstant.
IV. Welches SKU‑Bild sollte ein Käufer auf einer Independent‑Website zuerst sehen, nachdem er auf eine Foundation‑Nuance geklickt hat?
In Shopify kann jeder Produktvarianten‑Eintrag mit einem Bild verknüpft werden; wählt der Käufer diese Variante, erscheint dieses Bild als Vorschau. Andere Bilder derselben Farbnuance können weiterhin im Produkt‑Medienpool gespeichert und in angrenzender Reihenfolge angeordnet werden. Am problematischsten ist nicht zu wenig Bildmaterial, sondern dass nach dem Klick auf eine warme Nuance die Vorschau weiterhin bei einer neutralen Nuance bleibt.
Für die Variantenvorschau sollte vor allem ein klares Frontbild der Flasche verwendet werden, auf dem Name und Verpackungsdetails deutlich erkennbar sind. Danach folgen Nahaufnahmen der Textur, Armtests und Referenzbilder zur Make‑up‑Wirkung. Ein Gruppenfoto der gesamten Serie kann zur besseren Vergleichbarkeit an vorderster Stelle platziert werden, sollte jedoch nicht als Ersatz für das Bestätigungsbild eines einzelnen SKUs dienen.
Gruppenfoto aller Farbnuancen: zeigt den Auswahlbereich.
Aktuelles SKU‑Bild der Flasche: bestätigt die vom Käufer gewählte Nuance.
Nahaufnahme von Textur und Rand: zeigt die Beschaffenheit und Optik, ohne fiktive Nutzungseffekte darzustellen.
Armtestbild: verdeutlicht, wie die Nuance auf der Haut wirkt.
Make‑up‑ oder Szenenbild: ergänzt den Kontext der Anwendung, ersetzt jedoch nicht die Bestätigung der Nuance.

Nach dem Klick auf eine Nuance wird zunächst das entsprechende SKU bestätigt; die übrigen Bilder erläutern dann Textur, Wirkung auf der Haut und Anwendungsszenario.
V. Bei der Massenproduktion von Foundation‑Produktbildern: Welche Dateien können gemeinsam genutzt werden, welche müssen dagegen je nach Nuance neu erstellt werden?
Hintergrund, Kamerawinkel, Flaschenschatten und Galerie‑Layout können als Master‑Version festgelegt werden. Farbe der Textur, Farbnamen, Batch‑Kennzeichnung am Flaschenboden sowie Inhalte der Farbtests dürfen jedoch nicht einfach von der vorherigen Nuance übernommen werden. Der effizienteste Massenprozess besteht darin, zunächst eine mittlere Nuance auszuwählen und das Layout zu testen, bevor anschließend jede einzelne Flasche und Farbkarte durch die bestätigten Versionen ersetzt wird – statt eine einzige Vorlage zu erstellen und anschließend per Farbtonregler massenhaft zu ändern.
Sobald das Layout für weiße Hintergründe, Detailbilder und Szenenbilder feststeht, können in PixPix gemäß derselben Komposition für jede Nuance passende Produktsets erstellt werden . Pro Durchlauf wird jeweils nur ein SKU bearbeitet; gleichzeitig werden das Originalbild der Flasche sowie das Schnittmuster für die Farbpalette hochgeladen. Nach der Ausgabe werden zunächst Farbnamen und Textur überprüft, anschließend Schatten, Hintergrund und Requisiten kontrolliert.
Gemeinsam nutzbare Master‑Versionen | Muss je Nuance ersetzt werden | Vor der Auslieferung Stichprobenprüfung |
|---|---|---|
Leinwandverhältnis, Hintergrund, Kameraeinstellung | Material im Fläschchen und Farbnummern‑Text | Zufällige Auswahl zweier benachbarter Farbnummern zum Vergleich von Hell‑ und Dunkelton |
Farbkarten‑Raster, Schriftart, Randabstände | Standardfarbfelder und Basis‑Tönungs‑Labels | Überprüfung, ob die Reihenfolge der Farbkarten mit dem Backend übereinstimmt |
Prüfung von Farbtestbreite, Abständen und Lichtverhältnissen | Hautfarbe und zugehöriges Model‑Material | Überprüfung, ob Farbtests einer anderen Farbnummer beigemischt wurden |

Das Master‑Layout sorgt für eine einheitliche Komposition; die tatsächlichen Farbnummern werden einzeln ersetzt. Massenbearbeitung ist nicht gleichbedeutend mit einem Klick‑Farbwechsel.
6. Vor der Auslieferung führt das Beauty‑Visual‑Team eine Kreuz‑Stichprobe mit benachbarten Farbnummern durch.
Prüfen Sie nicht nur die beiden hellsten und dunkelsten Farbnummern – ihr Unterschied ist zu groß, sodass viele Fehler leicht übersehen werden. Vergleichen Sie die Flaschengehäuse, Farbkarten, Farbtests sowie die entsprechenden Variantenbilder aus dem Backend nebeneinander, jeweils in einer Reihe von links nach rechts. Sobald eine umgekehrte Reihenfolge von Hell‑ und Dunkelton, plötzliche Sprünge in der Grundtönung oder fehlerhafte Zuordnungen von Farbnummern und Text auftreten, sind alle zugehörigen Materialien vorläufig zu deaktivieren.
Beim Export von Web‑Bildern sollten die bearbeitbaren Originaldateien erhalten bleiben, bevor sie in das sRGB‑Farbraumformat konvertiert werden. Laut den Adobe‑Farbmanagement‑Richtlinien ist sRGB die empfohlene Wahl für Web‑Bilder; dies verringert Farbabweichungen durch Farbprofile, kann jedoch nicht garantieren, dass alle Smartphone‑Displays vollständig identisch wiedergeben. Die endgültige Auslieferung erfordert sowohl auf Desktop‑ als auch auf Mobilgeräten eine Prüfung, um sicherzustellen, dass benachbarte Farbnummern auch nach der Komprimierung noch klar erkennbar sind.
7. Häufige Probleme bei Farbnummern‑Abbildungen von Foundation‑Flüssigkeiten
1. Bei der Übersetzung von Foundation‑Farbnummern auf mehrsprachigen Websites: Sollte die SKU‑Nummer ebenfalls angepasst werden?
Die SKU‑Nummer sollte nicht geändert werden. Der Anzeigename der Farbnummer darf gemäß den vom Markenhersteller genehmigten lokalen Regeln übersetzt werden; die hinterlegte SKU, Dateinamen der Bilder sowie die Nummern der Farbtabellen im Backend müssen jedoch unverändert bleiben, da sonst verschiedene Sprachversionen leicht an falsche Bilder gebunden werden könnten.
2. Wenn dieselbe Farbnummer in einer neuen Foundation‑Flasche präsentiert wird, dürfen die alten Produktbilder weiterhin verwendet werden?
Ändern sich Form, Transparenz, Pumpkopf oder Etikett, muss das Flaschengehäuse neu erstellt werden. Bleiben Rezeptur und Farbnummer unverändert, kann die genehmigte Farbkarte weiterhin als Farbreferenz dienen; das alte Flaschengehäuse darf nicht in den Varianten‑Vorschauen verbleiben, um Verwirrung beim Kunden zu vermeiden.
3. Sollte eine nicht verfügbare Farbnummer weiterhin in der Gesamtfarbkarte enthalten bleiben?
Bei kurzfristiger Nichtverfügbarkeit kann die betreffende Farbnummer in der Gesamtfarbkarte belassen werden, doch auf der Produktseite muss deutlich gekennzeichnet sein, dass das Produkt derzeit nicht erhältlich ist. Wird die Farbnummer dauerhaft eingestellt, sind Farbkarte, Variantenbilder und entsprechende Kaufempfehlungen zeitnah anzupassen, damit sie nicht länger als verfügbares Sortiment erscheinen.

KI-Bildtool für E-Commerce-Teams
Für Produkteinführungen, Werbung und Marketingkampagnen: Erstellen Sie mit KI Produktbilder, Szenenbilder, Werbemotive und Kurzvideo-Assets und machen Sie die Content-Produktion effizienter.