Zum Inhalt wechseln
Dr. Web Logo seit 1997.
  • Beste Agenturen
  • Magazin
  • Beste Agenturen
  • Magazin
Dr. Web Logo seit 1997.
  • Kontakt
  • Anmeldung
  • Newsletter
  • Beste Agenturen
  • Magazin
Menü
  • Beste Agenturen
  • Magazin
Suche
Agenturpartner werden →

Dr. Web » Software » Farbpaletten Generator: Die richtigen Farben finden

Farbpaletten Generator: Die richtigen Farben finden

Artikel weiterempfehlen

  • Aktualisiert am 6. Februar 2023
  • Jetzt kommentieren
  • Dieter Petereit von Dieter Petereit
Lesedauer: 5 Minuten

Inhaltsverzeichnis

Folgend zeige ich dir daher nur solche Farbpaletten Generatoren, die Dir erlauben, Farbpaletten aus Bildern automatisiert zu erzeugen. Alle vorgestellten Dienste sind kostenlos nutzbar und werden zum Teil auch von professionellen Webdesign-Agenturen eingesetzt. Denn die Wahl der Farben ist nicht nur für das Webdesign ein wichtiger Bestandteil der Markenindentität, sondern auch für Basiselemente wie das Logo. Fun Fact: Laut einer Studie der Uni Mainz wecken Farben weltweit in etwa die gleichen Gefühle. Die Farbpaletten wiederum helfen dir beispielsweise in deinem Bildbearbeitungstool den gleichen Bildstil umzusetzen.

Farbpaletten Generator: Palette Creator

Design: 12 Web-Apps, die Farbpaletten aus Bildern erstellen - Ein Screenshot einer Blume - Palette
Farbpaletten Generator: Die richtigen Farben finden 1

Ursprünglich im Jahr 2011 als Beitrag für einen von Google organisierten Wettbewerb für Browsererweiterungen erstellt, hat der Ersteller von der Chrome Extension Palette Creator, Daniel Perez Alvarez, Anfang 2016 nochmal komplett neu gebaut, um das Design und um die Extension auch mit Firefox und Opera kompatibel zu machen.

Pigment

Design: 11 Web-Apps, die Farbpaletten aus Bildern erstellen - Ein Screenshot eines Computers - Design
Farbpaletten Generator: Die richtigen Farben finden 2

Das Team von Shapefactory hat so einige nette Werkzeuge anzubieten, aber die Farb-Entdeckungs-App Pigment ist sicher eines ihrer Highlights. Eine tolle Art, Farben über Licht und Pigmente zu entdecken.

Canva Color Palette Generator

canva color palette generator Farbpaletten Generator: Die richtigen Farben finden
Auch Canva bietet einen Farbpaletten-Generator an. (Screenshot: D. Petereit)


Canva kennen Leserinnen und Leser unseres Magazins als eines der besten Tools für das Social-Media-Bilderbauen. Ganz ausführlich haben wir uns in diesem Beitrag damit befasst. Neuerdings bietet Canva auch einen eigenen Generator an, in den du Bilder hochladen kannst und der dann die fünf primären Farben extrahiert und als Hex-Werte bereitstellt. Von dort aus kannst du dann sogleich ins Editieren mit Canva einsteigen, wenn du willst.

Palette Generator

palette generator kmeans Farbpaletten Generator: Die richtigen Farben finden
Palette Generator. (Screenshot: D. Petereit)


Der Palette Generator von Mediafox arbeitet ebenfalls per Bildupload und gibt dir bis zu zehn Farben aus dem Bild als Palette aus. Anders als beim Wettbewerb ist es hier möglich, mehrere Bilder gleichzeitig hochzuladen. Zwar mischt der Generator dann nicht die Paletten, du kannst aber per einfachem Klick auf das Ursprungsbild schnell zwischen den Paletten umschalten.

Color Palette FX

Farbpaletten Generator: Die richtigen Farben finden
Color Palette FX. (Screenshot: D. Petereit)


Color Palette FX von Jeremy Taylor extrahiert zwanzig Farben aus einem hochgeladenen Bild. Der Dienst ist auch mobil nutzbar. Die Farben werden nicht nur als HEX-Werte, sondern auch in RGB und HSL übergeben. Zudem nennt Color Palette die Komplementärfarbe, sowie die passende Triade.

Coolors

coolors Farbpaletten Generator: Die richtigen Farben finden
Das Kamera-Icon öffnet den Bildupload. (Screenshot: D. Petereit)


Coolors ist eine Farbpaletten-Lösung mit breitem Funktionsumfang und modernem Interface, die auch als App für iOS bereit steht. Eine der vielen Funktionen des Dienstes besteht darin, Farbpaletten aus Bildern zu extrahieren, wobei du innerhalb des Bildes noch konkretisieren kannst, welche Farbe du als primär definiert wissen willst.

Coolors kannst du über den Adobe Exchange auch in Photoshop und Illustrator verwenden.

Colormind

colormind Farbpaletten Generator: Die richtigen Farben finden
Colormind erstellt harmonische Paletten. (Screenshot: D. Petereit)


Colormind kann ebenfalls Bilder verarbeiten und daraus Farbpaletten erstellen. Es setzt dabei aber algorithmisch nicht auf die dominanten Farben, sondern extrahiert solche, die als Palette gut zusammenarbeiten würden. Deshalb erhältst du auch bei jedem weiteren Klick auf Generate eine neue Palette aus dem gleichen Bild.

DeGraeve Color Palette Generator

degraeve cpg Farbpaletten Generator: Die richtigen Farben finden
De Graeves Color Palette Generator. (Screenshot: D. Petereit)


Der Color Palette Generator von DeGraeve.com bietet lediglich einen sehr groben Überblick über die in einem Bild verwendeten Farben und gibt sie als Hex-Werte aus. Das zu analysierende Bild muss bereits im Web vorhanden sein. Der Generator akzeptiert keinen Upload, lediglich die Eingabe einer URL. Weitergehende Funktionalitäten sollte man gar nicht erst suchen, sie sind nicht vorhanden.

Color Explorer

Farbpaletten Generator: Die richtigen Farben finden


Der Color Explorer ist neben Coolors der Funktionsriese dieser Übersicht und macht auch im Übrigen einen guten Eindruck. Der Dienst kann viel mehr als nur Farbpaletten aus Bildern extrahieren. Betrachten wir allerdings lediglich diesen Punkt, so weiß Color Explorer durch eine außerordentlich detaillierte Farbanalyse, die man auch grober konfigurieren kann, zu überzeugen. Alle Farbwerte werden in einer Übersicht in RGB und Hex angegeben, lassen sich jedoch per Klick auch in andere Farbsysteme, etwa RAL und Trumatch konvertieren. Dieses Bemühen trägt durchaus unterschiedlich überzeugende Früchte.

Color Explorer wird seit 2010 nicht mehr weiterentwickelt, ist aber in seiner aktuellen Version vollkommen stabil nutzbar und lässt auf den ersten Blick keine Funktionalität vermissen.

Colors Palette Generator

cssdrive Farbpaletten Generator: Die richtigen Farben finden
CSS Drive: Image to Color Palett. (Screenshot: D. Petereit)


CSS Drives Colors Palette Generator ist der Dienst der Wahl, wenn dir der Color Explorer zu komplex erscheint. Aus einem hochzuladenden Bild extrahiert CSS Drives Tool vier Paletten mit unterschiedlichem Fokus. Eine Palette enthält die hellen, eine weitere die mittleren und eine dritte die dunklen Farbwerte aus dem Bild. Eine vierte Palette zeigt angeblich die vollständige Palette, was angesichts der Ergebnisse des Color Explorers allerdings etwas zweifelhaft ist. Immerhin zeigt der Colors Palette Generator ein Ergebnis mit eindeutig unterschiedlichen Farbwerten, so dass man die erzeugten Paletten im Webdesign ganz gut gebrauchen kann. Ein Export als CSS soll ebenfalls möglich sein, hat jedoch in meinem Falle kein taugliches Ergebnis gezeitigt. Auch dieser Generator wird seit Jahren nicht fortentwickelt, funktioniert aber in der Kernfunktionalität einwandfrei.

Meine Empfehlung: Dem Color Explorer solltest du den Vorzug geben. Nicht nur überzeugen seine Funktionen, soweit es die Palettenextraktion aus hochgeladenen Fotos betrifft, auch ansonsten stimmen Leistung und UI. Der Color Explorer sollte auf jeden Fall einen Stammplatz in deinen Bookmarks erhalten. Auch Printdesigner werden aufgrund der alternativen Farbsysteme ihre Freude daran haben. Ähnlich komplex, wenn auch weniger übersichtlich in der Handhabung, ist Coolors.

Wenn du eine weniger komplexe Lösung benötigst, hast du im Grunde die freie Wahl und kannst dich für einen der moderneren Vertreter entscheiden.

Suchst du nach Werkzeugen, wie Du Farbpaletten miteinander kombinierst?

Dieter Petereit

Dieter Petereit

Dieter Petereit ist seit 1994 im Netz unterwegs, aber bereits seit über 30 Jahren in der IT daheim. Seit Anfang des neuen Jahrtausends schreibt er für Technik-affine Medien wie T3N und Dr. Web. Dieter war acht Jahre lang Chefredakteur des Dr. Web Magazins.

Lust auf mehr?

  • Michael Dobler Michael Dobler
  • 27. März 2023
Betet zur KI, ihr Erdenwürmer!

KI GPT-4: werden Webdesigner und sonstige Erdlinge ihren HAL-Moment erleben?

„Wo ist dieser verdammte Aus-Schalter?“ Dies waren die letzten Worte von David Bowman, dem Anführer einer Widerstandsgruppe Webdesigner, denen es gelang zum vermeintlichen WDN-Zentralcomputer vorzudringen, bevor sie von Wächterdroiden eliminiert wurden.
  • Webdesign
  • Jörg Mrusek Jörg Mrusek
  • 8. März 2023
Doch lieber Lotto spielen und so reich werden?

Diese 8 Tipps sollte jeder Webentwickler kennen

Sie sind Webentwickler oder möchten einer werden? Hier kommen 8 Tipps wie aus dem Lehrbuch. Doch wehe, wenn der Alltag dazwischen grätscht. Lieber doch Lotto spielen?
  • Webdesign
  • Joy Shaheb Joy Shaheb
  • 4. März 2023

Alles zu CSS Background-Image (großer Leitfaden mit Codebeispielen)

Mit CSS Background-Image (deutsch: CSS-Hintergrundbild) kannst du einem Element ein Hintergrundbild, Hintergrundvideo, eine Hintergrundfarbe oder einen Farbverlauf zuweisen.
  • Webdesign
  • Michael Dobler Michael Dobler
  • 2. März 2023
KI = keine oder künstliche Intelligenz?

3 AI Webdesign Tools: des Webdesigners bester Freund oder Totengräber?

Drei KI-basiert Webdesign Tools stelle ich Ihnen heute vor. Mal sehen, wohin die Reise für den Webdesignerberuf geht.
  • Webdesign
  • Michael Dobler Michael Dobler
  • 3. Februar 2023
Webdesign für keine Dummies

So verbessern Sie mit Bildern und Grafiken das Webdesign Ihrer Website (5 Tipps)

Haben Sie schon einmal eine Webseite mit einem schlichten Design besucht und gedacht: „Kein Problem! So etwas bekomme ich auch selbst im Handumdrehen hin. Die Webdesign Bilder? Einfach nur klasse!“? Pustekuchen…
  • Webdesign
  • Michael Dobler Michael Dobler
  • 24. Januar 2023
Die KI macht es möglich [Sponsored Post]

Automatisierte Buchhaltungssoftware: So sparen Sie als Unternehmer wertvolle Zeit

Ob innovatives Start-up, altehrwürdiges Unternehmen, Freelancer oder Agentur – eine solide Buchhaltung sollte das Kernstück der administrativen Arbeit im Unternehmen sein. Leider beinhaltet klassische Buchhaltung dabei auch viele Aufgaben, die nicht jedermanns Sache sind. Dank moderner Softwarelösungen wie einer automatisierten Buchhaltungssoftware können dabei viele Schritte automatisiert und verschlankt werden.
  • Buchhaltung, Software

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Dr. Web Logo weiss.
Fachmagazin für Online-Marketing. Seit 1997. Wissen, Software, Dienstleister: Wir bringen die Digitalisierung Ihres Unternehmens praxisnah voran. ✅

Agentur nach Schwerpunkt finden

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • WordPress Agentur finden
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • WordPress Agentur finden

Für Unternehmer: Finden Sie Ihre Agentur in…

  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich
  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich

Aus unserem Magazin

  • Buchhaltung
  • Content Marketing
  • Design
  • Digitalisierung
  • E-Business
  • E-Commerce
  • E-Mail-Marketing
  • Finanzen
  • Freelancer
  • Hosting
  • HTML
  • HTML/CSS
  • Inspiration
  • IT Sicherheit
  • JavaScript & jQuery
  • Jobs & Karriere
  • Online-Marketing
  • Programmierung
  • Public Relations
  • Rechtliches
  • Responsive Design
  • SEA – Suchmaschinenwerbung
  • SEO
  • Showcases
  • Social-Media-Marketing
  • Tipps, Tricks & Tutorials
  • Tools
  • UX Design
  • VPN
  • Webdesign
  • WordPress
  • Buchhaltung
  • Content Marketing
  • Design
  • Digitalisierung
  • E-Business
  • E-Commerce
  • E-Mail-Marketing
  • Finanzen
  • Freelancer
  • Hosting
  • HTML
  • HTML/CSS
  • Inspiration
  • IT Sicherheit
  • JavaScript & jQuery
  • Jobs & Karriere
  • Online-Marketing
  • Programmierung
  • Public Relations
  • Rechtliches
  • Responsive Design
  • SEA – Suchmaschinenwerbung
  • SEO
  • Showcases
  • Social-Media-Marketing
  • Tipps, Tricks & Tutorials
  • Tools
  • UX Design
  • VPN
  • Webdesign
  • WordPress

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑