Zum Inhalt wechseln
dr. web Logo mit Maus und Hand, die sich den Finger blutig geklickt hat.
  • Beste Agentur finden
    • 3D-Animationsagentur
    • Designagentur
    • Digitalagentur
    • Drupal Agentur
    • Internetagentur
    • Joomla Agentur
    • Marketing Agentur
    • Online-Marketing-Agentur
    • PR Agentur
    • SEO Agentur
    • Shopware Agentur
    • Social Media Agentur
    • TYPO3 Agentur
    • Webagentur
    • Webdesign Agentur
    • Werbeagentur
    • WordPress Agentur
  • Magazin
    • Bloggen
    • Buchhaltung
    • Büro
    • Content Marketing
    • E-Commerce
    • Finanzen
    • Freelancer
    • Green Revoluzzer
    • Hardware
    • Künstliche Intelligenz (KI)
    • Marketing
    • Marktübersichten
    • Online-Marketing
    • Schrift & Grafik
    • Selbstständigkeit
    • Social Media
    • SEO
    • Software
    • UX Design
    • Webdesign
    • WordPress
  • Newsletter
  • Kontakt
Menü
  • Beste Agentur finden
    • 3D-Animationsagentur
    • Designagentur
    • Digitalagentur
    • Drupal Agentur
    • Internetagentur
    • Joomla Agentur
    • Marketing Agentur
    • Online-Marketing-Agentur
    • PR Agentur
    • SEO Agentur
    • Shopware Agentur
    • Social Media Agentur
    • TYPO3 Agentur
    • Webagentur
    • Webdesign Agentur
    • Werbeagentur
    • WordPress Agentur
  • Magazin
    • Bloggen
    • Buchhaltung
    • Büro
    • Content Marketing
    • E-Commerce
    • Finanzen
    • Freelancer
    • Green Revoluzzer
    • Hardware
    • Künstliche Intelligenz (KI)
    • Marketing
    • Marktübersichten
    • Online-Marketing
    • Schrift & Grafik
    • Selbstständigkeit
    • Social Media
    • SEO
    • Software
    • UX Design
    • Webdesign
    • WordPress
  • Newsletter
  • Kontakt

< dr. web > » Software » Farbpaletten Generator: Die richtigen Farben finden

Farbpaletten Generator: Die richtigen Farben finden

  • Aktualisiert am 6. Februar 2023
  • von Dieter Petereit
  • Software, Webdesign
  •  

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.jpg 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.jpg 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.

Es kam zu einen Fehler. Wahrscheinlich ist das unsere Schuld. Schreiben Sie uns gerne an hallo@drweb.de
✓ Sie haben sich erfolgreich zum Dr. Web Newsletter angemeldet

Dr. Web Newsletter

Tipps, Tricks, Tools und Ratgeber. Einmal im Monat frisch gedruckt in deinem Mail-Postfach.

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.jpg 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.jpg 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.png 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.png 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.

Inhaltsverzeichnis

Agenturpartner in Hamburg

Edit Content

TIKAL Communication

TIKAL ist präventiv aktiv. Das bedeutet: Wir denken mit und sorgen vor, anstatt nur Aufgaben abzuarbeiten. Dafür machen wir uns im Detail mit Ihrem Business vertraut. So wissen wir genau, wann Ihr Shop fest im E-Commerce verankert ist. Das erspart Ihnen viele Probleme und Verzögerungen, die Sie Geld und Nerven kosten können.

— Stefan Quisdorf,
Gründer und Geschäftsführer
Alle Webdesign-Agenturen →

Lust auf mehr?

KI Mobile-first Design in 2023: Hype oder Flop für Designagenturen?

Ende 2022 sorgte die KI-Anwendung ChatGPT für Schlagzeilen. Seither ist KI ein beliebtes Buzzword und löst in der IT-Branche die gesamte Gefühlsskala von Zukunftsängste bis Euphorie aus. Wir bleiben gechillt und schauen uns an, wie Sie als Inhaber einer Designagentur von KI getriebenem Mobile-first Design profitieren. Gibt es auch Schattenseiten und Grenzen? Mal sehen.

14 Best Practices, die Sie für einen erfolgreichen Internetseite Relaunch beachten sollten

Was bewegt einen Unternehmer dazu, seine Internetseite von Grund auf neu auszurichten? Nun, die Gründe für einen Internetseite Relaunch einer können sehr vielfältig sein. Oft spielt ein veraltetes Design eine Rolle. Dieser Grund ist nicht so trivial, wie er vielleicht erscheint. Denn ein unmodernes Aussehen der Webseite kann Besucher und damit potenzielle neue Kunden abstoßen.

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.

Schreibe einen Kommentar Antworten abbrechen

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

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

Für Unternehmer: Finden Sie Ihre Agentur in…

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

Agentur nach Schwerpunkt finden

  • Beste Agentur finden
  • Designagentur finden
  • Digitalagentur finden
  • Drupal-Agentur finden
  • Online Marketing Agentur finden
  • SEO Agentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
  • WordPress Agentur finden
  • Beste Agentur finden
  • Designagentur finden
  • Digitalagentur finden
  • Drupal-Agentur finden
  • Online Marketing Agentur finden
  • SEO Agentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
  • WordPress Agentur finden

Aus unserem Magazin

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