Zum Hauptinhalt springen
DailyBox

Farbpaletten-Extraktor

Extrahiere die dominanten Farben eines Bildes, bearbeite und sperre sie, erstelle Farbharmonien und exportiere als CSS, JSON, SVG, PNG oder ASE.

Bild hier ablegen

Ziehe ein Bild hierher oder durchsuche deine Dateien. Es wird in deinem Browser gelesen und nie hochgeladen.

PNG, JPG, WebP, GIF, AVIF, BMP und SVG, soweit dein Browser sie unterstützt.

Dein Bild wird in deinem Browser verarbeitet und nie hochgeladen. Der optionale KI-Farbberater sendet nur die HEX-Codes deiner Palette.

Farben eines Bildes extrahieren und zur Palette machen

Dieses Tool liest ein Bild in deinem Browser und findet seine dominanten Farben. Es fasst ähnliche Pixel zusammen, sortiert die Gruppen danach, wie viel vom Bild sie abdecken, und liefert eine Palette aus 5, 8, 10 oder 12 Farben mit HEX-, RGB-, HSL- und CMYK-Werten. Dein Bild wird nie hochgeladen.

Danach kannst du Farben bearbeiten oder sperren, weitere Farben direkt aus dem Bild aufnehmen, Farbharmonien erstellen und das Ergebnis exportieren. Zum Prüfen von Kontrasten oder zum Umrechnen einer einzelnen Farbe nutze den Farbkonverter mit Kontrastprüfung.

So funktioniert es

  1. Ziehe ein Bild auf die Seite oder wähle eine Datei.
  2. Wähle die Anzahl der Farben und stelle die Farbvielfalt ein: Höhere Werte fassen ähnliche Töne zusammen, niedrigere behalten feine Unterschiede.
  3. Klicke auf eine Farbe, um HEX, RGB, HSL und CMYK zu sehen, sie zu bearbeiten, zu sperren oder zu entfernen. Klicke ins Bild, um die Farbe unter dem Mauszeiger hinzuzufügen.
  4. Öffne den Bereich Farbharmonien, um aus jeder Palettenfarbe komplementäre, analoge, Triade-, geteilt komplementäre, monochrome, warme oder kühle Farben zu erzeugen.
  5. Exportiere die Palette als CSS-Variablen, JSON, SVG, PNG oder ASE-Farbfelddatei.

Wann es sich lohnt

  • Eine UI- oder Markenpalette aus einem Foto, einem Logo oder einem Screenshot erstellen.
  • CSS-Variablen für eine Website aus einem vorhandenen Bild erzeugen.
  • Text-Hintergrund-Kombinationen finden und ihre Lesbarkeit prüfen.
  • Farben für ein Moodboard oder eine Präsentation sammeln.

Gut zu wissen

  • Die Palette ist eine statistische Zusammenfassung des Bildes. Kleine Details können in einen benachbarten Ton übergehen, wenn du die Farbvielfalt nicht verringerst oder mehr Farben wählst.
  • Farben werden so gelesen, wie dein Browser sie anzeigt (sRGB). Eingebettete Farbprofile können dieselbe Datei in anderer Software anders aussehen lassen.
  • Der Prozentwert ist der Anteil der Bildpixel, die einer Farbe zugeordnet wurden. Transparente Pixel sowie Weiß oder Schwarz, wenn du sie ignorierst, zählen nicht mit. Große Bilder werden für die Analyse verkleinert.
  • CMYK-Werte sind eine einfache mathematische Umrechnung aus RGB. Gedruckte Farben hängen von Farben, Papier und Profilen ab.
  • Harmonien werden nach Farbkreis-Regeln berechnet und als berechnet gekennzeichnet. Sie stammen nicht aus deinem Bild.
  • Der KI-Farbberater ist optional. Er sendet nur die HEX-Codes deiner Palette und deine kurze Notiz an Googles Gemini-API, kann nicht verfügbar sein oder sein Kontingent erreicht haben, und seine Vorschläge sind Ideen, keine Garantien. DailyBox berechnet den Kontrast vorgeschlagener Text-Hintergrund-Paare selbst neu.
  • Die ASE-Datei enthält deine Farben als RGB-Farbfelder. Sie wurde nicht in Adobe-Software getestet – lehnt ein Programm sie ab, nutze den CSS- oder JSON-Export.

Häufige Fragen

Wird mein Bild irgendwohin hochgeladen?

Nein. Das Bild wird in deinem Browser gelesen und analysiert. Nur wenn du den optionalen KI-Farbberater nutzt, werden die HEX-Codes deiner Palette und deine kurze Notiz an den KI-Dienst gesendet – nie das Bild.

Wie viele Farben bekomme ich?

Du wählst 5, 8, 10 oder 12. Hat das Bild mit deinen Einstellungen weniger deutlich verschiedene Farben, bekommst du weniger, und eine Meldung weist darauf hin.

Ändern sich gesperrte Farben, wenn ich die Palette neu erzeuge?

Nein. Gesperrte Farben bleiben an ihrem Platz, die übrigen werden neu gefunden. Eine neue Farbe ist nie ein Beinahe-Duplikat einer gesperrten.

Wie wird die dominante Farbe bestimmt?

Es ist die Farbgruppe, die den größten Anteil der Bildpixel abdeckt. Der daneben gezeigte Prozentwert ist dieser Anteil.

Welche Formate kann ich exportieren?

CSS-Variablen, JSON, SVG, ein PNG-Bild und eine ASE-Farbfelddatei. CSS und JSON lassen sich kopieren, alle Formate herunterladen.

Brauche ich die KI, um das Tool zu nutzen?

Nein. Extraktion, Bearbeitung, Sperren, Harmonien und Exporte funktionieren ohne sie und laufen weiter, wenn der KI-Dienst nicht verfügbar ist.

Ähnliche Tools