Bildfarbextraktor
Laden Sie ein Bild hoch, um seine dominanten Farben zu extrahieren und sofort eine Farbpalette zu erstellen.
Der Bild-Farbextraktor zieht die dominanten Farben aus einem hochgeladenen Bild mit dem Median-Cut-Algorithmus heraus und liefert HEX-, RGB- und HSL-Werte plus den Flächenanteil jeder Farbe. Enthält eine Pipette zur Auswahl exakter Pixel und exportiert Paletten als CSS-Variablen, JSON, Tailwind-Konfig oder PNG-Swatch. Läuft vollständig im Browser über die Canvas-API — kein Upload. Erstellt von FreeToolHub.
Bild hierher ziehen oder klicken zum Hochladen
Unterstützt JPEG, PNG, WebP, GIF, BMP, SVG — max. 50 MB
oder aus Zwischenablage einfügen (Strg+V)
Farbpalette
Palette exportieren
Ihre Bilder werden ausschließlich in Ihrem Browser verarbeitet. Nichts wird auf einen Server hochgeladen.
FAQ
Wird mein Bild auf einen Server hochgeladen?
Nein. Die gesamte Verarbeitung erfolgt ausschließlich in Ihrem Browser über die HTML5 Canvas API. Ihr Bild verlässt nie Ihr Gerät.
Wie funktioniert die Farbextraktion?
Das Tool verwendet den Median-Cut-Algorithmus, um jeden Pixel in Ihrem Bild zu analysieren und ähnliche Farben zu gruppieren. Anschließend wird die Durchschnittsfarbe jeder Gruppe für die Palette berechnet.
Was bedeuten die Proportionen?
Der Proportionsprozentsatz zeigt, wie viel des Bildes jede Farbe ausmacht. Eine Farbe mit 30% bedeckt ungefähr ein Drittel der Bildfläche.
Kann ich eine bestimmte Pixelfarbe auswählen?
Ja. Aktivieren Sie die Pipette und klicken Sie dann auf eine beliebige Stelle im Bild, um die exakte Pixelfarbe auszuwählen. Sie können ausgewählte Farben zu Ihrer Palette hinzufügen.
Welche Exportformate sind verfügbar?
Sie können die Palette als CSS Custom Properties, ein JSON-Array oder einen Tailwind CSS-Konfigurationsausschnitt kopieren. Sie können die Palette auch als PNG-Farbmusterbild herunterladen.
Warum werden Weiß und Schwarz ausgeschlossen?
Fast weiße und fast schwarze Pixel sind oft Hintergründe oder Schatten, die nicht die aussagekräftigen Farben des Bildes darstellen. Sie können diese Option deaktivieren, um sie einzubeziehen.