Farben aus einem Foto extrahieren
Lade ein Bild hoch und erhalte eine Palette seiner dominanten Farben: Klicke auf eine Karte, um den HEX-Code sofort zu kopieren.
JPG, PNG oder WebP, die Analyse findet komplett auf deinem Gerät statt
Wie die dominanten Farben ausgewählt werden
Das Tool nimmt Stichproben der Pixel einer verkleinerten Kopie deines Bildes und gruppiert sie in Familien ähnlicher Farbtöne (eine Technik namens Quantisierung). Die größten Familien bilden die Palette, und fast identische Töne werden dabei herausgefiltert. Das Ergebnis sind 6–8 Farben, die das Foto wirklich repräsentieren, statt blasser Durchschnittswerte, die alle ins Graue abdriften. Nach demselben Prinzip erstellen Design-Tools Paletten aus Moodboards und Fotos.
Was du mit einer Palette aus einem Foto machen kannst
Von den Farben eines Fotos auszugehen ist der schnellste Weg zu einheitlichen Designs: ein Video-Thumbnail, das zum Titelbild passt, eine Landingpage in den Farben deines Produkts, eine Präsentation, die mit den Bildern darin harmoniert. Jeder HEX-Code (z. B. #FF8A5C) lässt sich direkt in Canva, Figma, Photoshop, PowerPoint oder das CSS deiner Website einfügen.
Was „dominante Farbe“ bedeutet
Es ist nicht die Farbe, die dir am meisten auffällt, sondern die, die die meisten Pixel belegt. Das sind zwei verschiedene Dinge, und der Unterschied erklärt fast jede Palette, die falsch aussieht: Auf einem Sonnenuntergangsfoto kann die dominante Farbe das Grau der Straße sein, weil die Straße die Hälfte des Bildes einnimmt, während das Orange, das ins Auge springt, nur in einem Streifen liegt.
Die Methode gruppiert die Pixel in Familien ähnlicher Töne und nimmt die größten Familien: Das nennt man Quantisierung. Daraus folgt, dass ein großer einheitlicher Hintergrund fast immer gewinnt und dass ein Zuschneiden des Fotos auf den Teil, der dich interessiert, das Ergebnis völlig verändert.
Wie man eine extrahierte Palette verwendet
Die nützlichste Regel im Grafikdesign heißt 60-30-10: Eine Farbe dominiert die Fläche, eine begleitet sie, eine dritte erscheint nur in Akzenten (ein Button, eine Überschrift, ein Detail). Vier Farben aus einem Foto zu nehmen und sie zu gleichen Teilen zu verwenden, ergibt fast immer ein Durcheinander.
Das zweite Kriterium ist der Textkontrast: Eine Farbe, die auf dem Bildschirm schön aussieht, ist unter Schrift nicht unbedingt lesbar. Dunkler Text auf hellem Grund oder umgekehrt muss geprüft werden, und für die Barrierefreiheit wird für normalen Text ein Kontrastverhältnis von mindestens 4,5 zu 1 empfohlen. Viele natürliche Paletten bestehen nur aus Mitteltönen, und dann muss eine sehr dunkle oder sehr helle Farbe von außen dazukommen.
Warum zwei Tools unterschiedliche Paletten liefern
Weil das Wort „ähnlich“ keine eindeutige Definition hat. Manche gruppieren Farben im RGB-Farbraum, also nach Zahlen, andere in Farbräumen, die auf der Wahrnehmung beruhen, wo zwei Farben nah beieinander liegen, wenn das Auge sie als ähnlich empfindet. Letztere liefern überzeugendere Ergebnisse bei Hauttönen und Grüntönen, wo RGB stark danebenliegt.
Dazu kommen die Anzahl der gewünschten Familien und die Tatsache, dass das Bild zuerst verkleinert wird, bevor es analysiert wird. Das machen alle, weil es schneller geht, und dabei vermischen sich benachbarte Farben. Es gibt also keine „richtige“ Palette für ein Foto: Es gibt plausible Paletten, und am besten wählst du eine und passt sie dann von Hand an.
Die drei Fallen bei Farben aus einem Foto
Das Farbprofil: Ein Foto in Adobe RGB, das als sRGB gelesen wird, liefert falsche Hex-Codes, und die Farben wirken stumpf. Kompression: In einem stark komprimierten JPEG erfindet der Algorithmus die Farben in der Nähe von Kanten, und wer genau dort eine Farbe aufnimmt, bekommt einen Farbton, den es in der Szene nie gab.
Und der Druck: Bildschirmfarben bestehen aus Licht, gedruckte Farben aus Tinte, und sehr gesättigte Orange- und Grüntöne lassen sich nicht drucken. Eine Palette, die am Bildschirm für eine Visitenkarte ausgewählt wurde, sollte immer auf Papier getestet werden, bevor man tausend Stück bestellt.
Siehe auch
Um mit Farben zu arbeiten, gibt es den Farbkonverter und den Farbpaletten-Generator. Für das Ausgangsbild: Foto in Schwarz-Weiß und Bildgröße ändern, und um es in einen unscharfen Hintergrund zu verwandeln: Foto unscharf machen.