Farbthema-Generator

Zurück zur Startseite
Bilddateien hinzufügen — oder hierher ziehen
JPG PNG WEBP HEIC

Über diesen Farbpaletten-Extraktor

Eine Palette aus einer Fotografie zu ziehen ist der schnellste ehrliche Weg zu einem Farbschema. Die Farben einer guten Fotografie harmonieren bereits, weil sie vom selben Licht beleuchtet und vom selben Sensor erfasst wurden. Gestalterinnen und Gestalter bauen Schemata so, seit es Fotografien gibt, aus denen man sie ziehen kann.

Dieses Werkzeug extrahiert bis zu sechs Farben aus jedem Bild. Es reduziert das Bild auf eine kleine Stichprobe, ordnet jeden Pixel in einen groben Farbeimer, sortiert die Eimer danach, wie viele Pixel hineinfallen, und geht diese Rangfolge dann durch und wählt Farben, die weit genug von den bereits gewählten entfernt sind. Genau dieser letzte Schritt verhindert, dass aus einem Strandfoto sechs Beigetöne zurückkommen.

Die Analyse läuft in Ihrem Browser auf einer verkleinerten Kopie Ihres Bildes. Nichts wird hochgeladen, und keine Palette wird irgendwo gespeichert.

So extrahieren Sie eine Farbpalette

  1. Bild hinzufügen. Eine Fotografie, eine Illustration, ein Screenshot eines Entwurfs — alles mit Farbe, die sich zu übernehmen lohnt.
  2. Farbfelder ablesen. Bis zu sechs Farben erscheinen mit ihren Hex-Codes, geordnet danach, wie viel des Bildes sie einnehmen.
  3. Zum Kopieren anklicken. Ein Klick auf ein Feld kopiert seinen Hex-Code direkt in die Zwischenablage.
  4. Palette herunterladen. Die Schaltfläche speichert die Farbfelder als beschriftete PNG, die Sie in ein Briefing oder ein Moodboard ziehen können.

Wie die Farben ausgewählt werden

SchrittWas passiert
VerkleinernDas Bild wird auf 80 Pixel an der längsten Kante reduziert
EinordnenJeder Pixel kommt in einen groben Farbeimer
SortierenDie Eimer werden nach enthaltenen Pixeln sortiert
TrennenEin Kandidat wird übersprungen, wenn er einer bereits gewählten Farbe zu nahe ist
MittelnJeder gewählte Eimer meldet den echten Durchschnitt seiner Pixel

Zuerst zu verkleinern ist Absicht. Es mittelt Sensorrauschen und JPEG-Artefakte weg, die sonst Tausende nahezu identischer Farben erzeugen und die Rangfolge mit bedeutungslosen Abweichungen überschwemmen würden.

Aus sechs Farben ein brauchbares Schema machen

Eine extrahierte Palette ist Rohmaterial und kein fertiges System. Die Farbe, die den größten Teil des Bildes einnimmt, ist meist Ihr Hintergrund; die kleinste und gesättigtste ist meist Ihr Akzent, und sie sollte Akzent bleiben statt Hintergrund zu werden.

Prüfen Sie vor der Festlegung immer den Kontrast. Zwei Farben, die in einer Fotografie nebeneinander wunderbar aussehen, liegen womöglich weit unter dem Verhältnis von 4,5:1, das Fließtext gegenüber seinem Hintergrund braucht. Extrahierte Paletten sind dafür besonders anfällig, da Fotografien voller Mitteltöne sind, die für Text zu nah beieinanderliegen.

Häufige Fragen

Wie viele Farben werden extrahiert?

Bis zu sechs. Es kommen weniger zurück, wenn ein Bild tatsächlich keine sechs hinreichend verschiedenen Farben enthält — eine monochrome Fotografie liefert vielleicht drei.

Warum sind die Farben nicht exakt die in meinem Bild?

Jedes Farbfeld ist der Durchschnitt einer Gruppe ähnlicher Pixel und nicht ein einzelner abgetasteter Pixel. Das ergibt eine repräsentativere Farbe als ein willkürlicher Punkt, der auf ein Glanzlicht oder ein Kompressionsartefakt fallen könnte.

Kann ich wählen, welche Farben extrahiert werden?

Nein. Die Auswahl erfolgt automatisch, danach, wie viel des Bildes jede Farbe einnimmt und wie deutlich sie sich von den bereits gewählten unterscheidet. Schneiden Sie zuerst auf den Bereich zu, der Sie interessiert, wenn Sie das Ergebnis beeinflussen möchten.

Wie verwende ich die Hex-Codes?

Klicken Sie ein Feld an, um seinen Code in die Zwischenablage zu kopieren, und fügen Sie ihn in Ihr CSS, Ihr Designwerkzeug oder Ihr Markendokument ein. Der Download liefert alle sechs als beschriftetes Bild.

Sind diese Paletten barrierefrei?

Nicht zwangsläufig. Das Werkzeug wählt optisch unterscheidbare Farben, keine Farben, die Kontrastanforderungen erfüllen. Prüfen Sie Text- und Hintergrundpaare immer mit einem Kontrastprüfer, bevor Sie sie einsetzen.

Wird mein Bild hochgeladen?

Nein. Die Analyse läuft auf einer verkleinerten Kopie in Ihrem Browser, und es wird nichts übertragen.

Verwandte Werkzeuge