Zum Inhalt

Farbpalette aus Bild erstellen.

Ein Foto mit der richtigen Stimmung, ein Logo oder ein Screenshot: Das Werkzeug zieht die Hauptfarben heraus und gibt sie dir in dem Format, mit dem du weiterarbeitest.

Werkzeug

Bild oder Logo ablegenBild oder Logo wählen

oder Einfügen mit Strg V

Screenshot, Foto oder Logo · das Bild verlässt dein Gerät nicht

Oder ein Beispiel:

Kurz gesagt. Eine Farbpalette aus einem Bild entsteht, indem ähnliche Pixel zu Gruppen zusammengefasst werden; jede Gruppe liefert eine Farbe.

Mehr dazu

Dieses Werkzeug misst dabei nur auf ruhigen Flächen, damit Übergänge an Kanten keine Mischfarben in die Palette tragen, und fasst fast gleiche Töne zusammen. Heraus kommen drei, fünf oder acht Farben mit HEX-, RGB- und CMYK-Werten.

So entsteht deine Palette.

  1. Bild ablegen: ziehen, auswählen oder mit Strg+V einfügen. Gut geeignet sind Fotos mit klarer Stimmung, Logos und Screenshots.
  2. Anzahl wählen: 3 Farben für ein ruhiges Farbschema, 5 für die meisten Zwecke, 8 für Illustrationen und bunte Motive.
  3. Einzelne Farben nachmessen: Fehlt dir ein Akzent, klickst du mit der Pipette an die Stelle im Bild.
  4. Mitnehmen: Unter „Palette mitnehmen“ gibt es die Farben als CSS, für Tailwind, als ASE für Adobe und Affinity, als GPL für GIMP und Inkscape, als JSON oder als Farbkarte im PNG-Format.

Von der Palette zum Farbschema.

Eine Palette aus einem Foto ist Rohmaterial. Für eine Website oder eine Drucksache brauchen die Farben Rollen: eine Grundfarbe für Flächen, eine Textfarbe mit genug Kontrast und eine Akzentfarbe für Knöpfe und Hervorhebungen.

Mehr dazu

Eine bewährte Faustregel aus der Gestaltung ist 60-30-10: rund 60 Prozent Grundfarbe, 30 Prozent Zweitfarbe, 10 Prozent Akzent. Das ist keine Vorschrift, verhindert aber, dass fünf gleich laute Farben um Aufmerksamkeit kämpfen.

Prüfe die Textfarbe gegen ihren Hintergrund. Das Werkzeug zeigt für jede Farbe den Kontrast auf Weiß und auf Schwarz nach WCAG; ab 4,5 : 1 ist normaler Text gut lesbar.

Welcher Export für welches Programm?

CSS
Variablen zum Einfügen in dein Stylesheet.
Tailwind
Farbwerte für die Tailwind-Konfiguration.
ASE
Farbfelder für Illustrator, Photoshop, InDesign und die Affinity-Programme.
GPL
Palettendatei für GIMP und Inkscape.
JSON
Alle Werte maschinenlesbar, mit RGB, HSL, CMYK-Näherung und nächstem RAL-Ton.
PNG-Farbkarte
Zum Zeigen, etwa im Team oder beim Kunden.
Canva
Dort fügst du die HEX-Werte einzeln im Farbwähler ein.

Bildschirmfarben und Druck.

Jede Farbe aus einem Bild ist zunächst eine Bildschirmfarbe. Für den Druck zeigt das Werkzeug eine CMYK-Näherung ohne Farbprofil; was im Druck mit leuchtenden Tönen passiert, steht unter RGB in CMYK umrechnen. Für Lack, Folie und Fassade hilft der nächste Ton aus RAL Classic – mehr dazu unter RAL-Farbe bestimmen.

Noch mehr kostenlos.

Dasselbe Werkzeug mit anderem Einstieg: Farbcode aus Bild, RAL-Farbe bestimmen, RGB in CMYK umrechnen.

Alle kostenlosen Werkzeuge

Dazu im Ratgeber.

Häufige Fragen.

Wie erstelle ich eine Farbpalette aus einem Bild?

Bild ablegen, Anzahl der Farben wählen, fertig. Das Werkzeug zeigt die Hauptfarben mit HEX-, RGB- und CMYK-Werten; unter „Palette mitnehmen“ exportierst du sie im passenden Format.

Kann ich die Palette in Illustrator oder Photoshop laden?

Ja, als ASE-Datei. In Illustrator öffnest du sie im Menü des Farbfelder-Bedienfelds über „Farbfeldbibliothek öffnen“ und „Andere Bibliothek“, in Photoshop im Menü des Farbfelder-Bedienfelds über „Farbfelder importieren“.

Kann ich die Farben in Canva verwenden?

Ja, über die HEX-Werte. Kopiere sie mit einem Klick und füge sie im Farbwähler von Canva ein.

Warum fehlt eine Farbe, die ich im Bild sehe?

Weil sie nur auf kleinen Flächen oder an Kanten vorkommt. Kleine Details fallen bei 3 oder 5 Farben heraus. Stell die Anzahl auf 8 oder miss die Farbe mit der Pipette direkt nach.

Wie viele Farben braucht eine Palette?

Für eine Website oder einen Flyer reichen meist drei bis fünf: eine Grundfarbe, eine Textfarbe und ein oder zwei Akzente. Mehr Farben machen es selten besser.

Wird mein Bild hochgeladen?

Nein. Das Bild wird nur in deinem Browser geöffnet, die Palette entsteht auf deinem Gerät.

Wenn es mehr sein soll als eine Datei.

Die Werkzeuge sind kostenlos und bleiben es. Wenn du es gestaltet haben willst, mache ich das von Hand, aus Haag an der Amper, für Betriebe in ganz Deutschland.

Anfrage stellen

Alle Preise ohne Umsatzsteuer (Kleinunternehmer nach § 19 UStG). Festpreis, bevor ich anfange.