Palette Extractor Anleitung

Extrahieren Sie dominante Farbpaletten aus JPG, PNG, WebP, AVIF, GIF, BMP oder TIFF Bildern. Erhalten Sie HEX- und RGB-Codes für jede Farbe. Jede Extraktion erfolgt lokal in Ihrem Browser – ohne Upload auf einen Server.

Was Sie benötigen

Browser — Chrome, Firefox, Safari oder Edge mit OffscreenCanvas-Unterstützung Formate — JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP oder TIFF Limit — 20 MB pro Datei (Dateien über 20 MB werden abgelehnt) Konto — Nicht erforderlich Internet — Nach dem Laden der Seite nicht mehr nötig

So extrahieren Sie Ihre Palette

Öffnen Sie den Palette Generator in Ihrem Browser. Ziehen Sie Ihre Bilddatei aus Ihrem Datei-Explorer in den Upload-Bereich. Alternativ klicken Sie auf den Upload-Bereich, um die Datei von Ihrem Gerät auszuwählen.

Stellen Sie sicher, dass die Datei unter dem 20-MB-Limit liegt – größere Dateien werden abgelehnt. Wählen Sie aus, wie viele Farben extrahiert werden sollen: 5, 8, 10 oder 12. Weniger Farben erzeugen sauberere, besser nutzbare Paletten.

Mehr Farben erfassen subtile Variationen, können aber geringfügige Unterschiede enthalten, die visuell kaum unterscheidbar sind. Klicken Sie auf die Schaltfläche zum Extrahieren. Der Quantisierungsalgorithmus verarbeitet die Pixeldaten des Bildes direkt in Ihrem Browser.

Er gruppiert Pixel nach Farbähnlichkeit mittels k-Means-Clustering und berechnet die Durchschnittsfarbe für jedes Cluster. Es werden keine Daten über das Netzwerk übertragen. Überprüfen Sie die extrahierte Palette.

Jede Farbe wird als Farbfeld mit HEX-Code und RGB-Werten angezeigt. Klicken Sie auf einen Farbcode, um ihn in die Zwischenablage zu kopieren. Verwenden Sie diese Codes in Ihren Design-, CSS- oder Druckprojekten.

Funktionsweise

Der Palette Generator verwendet ein OffscreenCanvas-Element und einen Farbquantisierungsalgorithmus, um dominante Farben zu extrahieren. Wenn Sie ein Bild hochladen, liest der Browser es über die File API direkt in den Arbeitsspeicher – es findet kein Server-Upload statt.

libvips erstellt eine Offscreen-Leinwand mittels OffscreenCanvas und zeichnet Ihr Bild in seiner nativen Auflösung mit drawImage. Anschließend werden die Pixeldaten als RGBA-Array mit getImageData ausgelesen, was ein Uint8ClampedArray mit Rot-, Grün-, Blau- und Alpha-Werten für jedes Pixel zurückgibt. Bei einem 1920x1080 Bild entspricht dies etwa 8 Millionen einzelnen Farbwerten.

Der Quantisierungsalgorithmus gruppiert Pixel nach Farbähnlichkeit mittels k-Means-Clustering. Er initialisiert k Cluster-Zentren (wobei k der gewählten Palettengröße entspricht) und weist dann iterativ jedes Pixel dem nächstgelegenen Cluster-Zentrum basierend auf dem euklidischen Abstand im RGB-Raum zu. Nach jedem Durchgang wird jedes Cluster-Zentrum als mathematischer Durchschnitt aller Pixel in diesem Cluster neu berechnet.

Dieser Vorgang wiederholt sich, bis sich die Zentren stabilisieren oder eine maximale Iterationsanzahl erreicht ist. Das Ergebnis ist eine Reihe repräsentativer Farben, die die visuelle Identität des Bildes einfangen.

Jede Farbe wird als Farbfeld mit HEX-Code und RGB-Werten angezeigt. libvips tastet die exakte Schwerpunktfarbe jedes Clusters ab, wodurch sichergestellt wird, dass das angezeigte Farbfeld den mathematischen Durchschnitt aller Pixel in dieser Gruppe präzise darstellt.

Dateien werden vollständig in Ihrem Browser mittels OffscreenCanvas verarbeitet. Sie werden niemals auf ConvertCraft-Server hochgeladen.

Wenn Probleme auftreten

Das Bild lässt sich nicht hochladen: Ihr Bild überschreitet das 20-MB-Limit. Der OffscreenCanvas arbeitet innerhalb strenger Speicherlimits. Die Verarbeitung von Bildern über 20 MB erfordert massive unkomprimierte Pixel-Puffer im RAM, was zum Absturz des Browser-Tabs führen kann.

Die Palette enthält ähnliche Farben: Das Bild weist subtile Farbvariationen auf, die der Algorithmus als unterschiedliche Cluster behandelt. Reduzieren Sie die Palettengröße, um weniger, aber deutlichere Farben zu erhalten.

Die Farben entsprechen nicht dem, was ich sehe: Der Algorithmus extrahiert mathematische Durchschnitte. Wahrnehmungsunterschiede zwischen Farben stimmen möglicherweise nicht mit der visuellen Wahrnehmung überein. Versuchen Sie eine andere Palettengröße oder verwenden Sie die Pipette für spezifische Pixel.

Die Palette besteht fast nur aus einer Farbe: Ihr Bild wird von einer einzigen Farbe dominiert. Der Algorithmus gibt die Farbverteilung des Bildes getreu wieder. Versuchen Sie ein anderes Bild mit mehr Farbvielfalt.

### Wie viele Farben kann ich extrahieren?

Das Tool unterstützt die Extraktion von 5, 8, 10 oder 12 Farben. Weniger Farben erzeugen sauberere Paletten. Mehr Farben erfassen subtile Variationen, können aber geringfügige Unterschiede enthalten, die visuell kaum unterscheidbar sind.

### Kann ich Farben aus einem bestimmten Bereich extrahieren?

Die aktuelle Version analysiert das gesamte Bild. Um Farben aus einem bestimmten Bereich zu extrahieren, schneiden Sie das Bild zuerst mit dem Image Converter oder einem speziellen Zuschneide-Tool zu und laden Sie dann die zugeschnittene Version hoch.

### Ist es sicher, Farben aus privaten Bildern zu extrahieren?

Ja. Dateien werden vollständig in Ihrem Browser mittels OffscreenCanvas verarbeitet. Sie werden niemals auf ConvertCraft-Server hochgeladen.

Ihre Bilddaten verlassen niemals Ihren Computer, was sie vollständig vor Netzwerkabgriffen oder serverseitiger Protokollierung schützt.