Farben aus Bild extrahieren
Dominante Farben per Median-Cut-Algorithmus ermitteln – HEX, RGB & HSL kopieren, Pipette-Modus, Palette als PNG exportieren.
📍 Aufgenommene Farbe
Extrahierte Farben
Häufige Fragen
Nein. Der Farben-Extraktor arbeitet vollständig im Browser. Die Bilder verlassen niemals das Gerät – es findet kein Upload statt. Die Verarbeitung erfolgt lokal über die Canvas-API.
Das Tool verwendet den Median-Cut-Algorithmus. Alle Pixel des Bildes werden in Farb-Eimer sortiert und wiederholt an der Stelle geteilt, die den größten Farbbereich aufweist. Das Ergebnis sind die Durchschnittswerte jedes Eimers – das entspricht den visuell dominanten Farben des Bildes.
Im Pipette-Modus kann mit einem Klick auf eine beliebige Stelle im Vorschaubild die exakte Farbe dieses Pixels ausgelesen werden. Das Ergebnis wird sofort als HEX-, RGB- und HSL-Wert angezeigt und kann per Klick in die Zwischenablage kopiert werden.
Unterstützt werden alle Formate, die der Browser nativ verarbeiten kann: JPEG, PNG, WebP, GIF, AVIF und BMP. SVG-Dateien werden nicht unterstützt, da sie vektorbasiert sind und keine Rasterpixel enthalten.
Nach der Extraktion kann die Palette mit der Schaltfläche "Palette herunterladen" als PNG-Datei gespeichert werden. Der Streifen enthält alle extrahierten Farben mit ihren HEX-Werten.
Dominante Farben aus Bildern extrahieren
Der Farben-Extraktor analysiert ein Bild direkt im Browser und gibt die dominanten Farben als HEX-, RGB- und HSL-Werte aus. Das Tool eignet sich für Designer, Entwickler und alle, die aus Fotos oder Grafiken Farbpaletten ableiten möchten – ohne Software-Installation, ohne Account und ohne Upload.
Wie funktioniert der Median-Cut-Algorithmus?
Der Median-Cut-Algorithmus teilt alle Bildpixel iterativ in Gruppen: Zu Beginn befinden sich alle Pixel in einem einzigen Eimer. Dieser wird entlang des Farbkanals mit dem größten Wertebereich (Rot, Grün oder Blau) an der Medianlinie geteilt. Dieser Vorgang wiederholt sich so lange, bis die gewählte Anzahl an Farbeimern erreicht ist. Aus jedem Eimer wird der Durchschnittswert berechnet – das ergibt die charakteristischen Farben des Bildes, sortiert nach Häufigkeit.
Wann ist der Pipette-Modus sinnvoll?
Der Median-Cut-Algorithmus liefert statistisch dominante Farben – kleine, auffällige Farbakzente können dabei untergehen. Mit dem Pipette-Modus lässt sich direkt auf den exakten Pixel klicken, dessen Farbe benötigt wird. Das ist besonders hilfreich bei Logos, Illustrationen oder Grafiken mit wenigen, klar abgegrenzten Farbbereichen.
