Farben aus einem Bild extrahieren

Finde die dominanten Farben eines Fotos oder Logos und nimm mit der Pipette die exakte Farbe jedes Punktes auf. HEX-, RGB-, HSL-Codes und exportierbare Palette.

Kostenlos
Ohne Anmeldung
Kein Datei-Upload
Windows, Mac, Android, iPhone

Werkzeug wird geladen…

Über dieses Werkzeug

Hol dir die Farben eines Fotos, Logos oder Screenshots: Das Werkzeug extrahiert 2 bis 12 dominante Farben mit ihrem Bildanteil, und eine Pipette liefert die exakte Farbe jedes Punktes in HEX, RGB und HSL. Die Palette lässt sich als CSS, SCSS, Tailwind oder JSON exportieren.

Wann es hilft

Die Farben eines Logos wiederverwenden

Nimm für eine Website oder Präsentation die exakten Farben eines Kundenlogos auf, statt sie zu schätzen.

Sich von einem Foto inspirieren lassen

Die dominanten Farben einer Landschaft oder eines Produktfotos bilden eine von Natur aus harmonische Palette.

Eine Bildschirmfarbe bestimmen

Mach einen Screenshot, füge ihn ein und nimm mit einem Klick die Farbe eines Buttons oder Textes auf.

So funktioniert's

Wähle ein Bild (oder füge einen Screenshot ein).
Lies die dominanten Farben und ihren Anteil am Bild ab.
Klicke ins Bild, um eine genaue Farbe aufzunehmen, und kopiere ihren Code.

So funktioniert es

Das Bild wird auf höchstens 900 Pixel pro Seite verkleinert, dann werden bis zu 12.000 Pixel abgetastet. Der k-means-Algorithmus startet mit nach Helligkeit verteilten Farben und verfeinert die Gruppen in 15 Durchläufen; transparente Pixel werden ignoriert.

Die Pipette liest den genauen Wert des angeklickten Pixels im angezeigten Bild. Die Farben werden in HEX, RGB und HSL umgerechnet.

Tipps für beste Ergebnisse

Wähle bei einem Logo wenige Farben: Sonst erzeugt die Kantenglättung Zwischentöne.
Nimm mit der Pipette in der Mitte einer einfarbigen Fläche auf, nicht am Rand.
Ein JPEG-Foto hat leicht verrauschte Farben: Bilde den Durchschnitt mehrerer Punkte.
Prüfe danach den Kontrast der gewählten Farben mit dem Kontrastprüfer.

Häufige Probleme und Lösungen

Die aufgenommene Farbe weicht leicht vom Original ab

JPEG-Komprimierung und Kantenglättung verändern Pixel leicht. Nutze wenn möglich das Original-PNG.

Eine wichtige Farbe fehlt

Sie nimmt wenig Fläche im Bild ein. Erhöhe die Anzahl der Farben oder nimm sie mit der Pipette auf.

Der weiße Hintergrund dominiert

Er ist die häufigste Farbe: Schneide das Bild vor der Analyse auf das Motiv zu.

Häufige Fragen

Wie werden die dominanten Farben gefunden?

Per Clustering (k-means): Pixel ähnlicher Farbe werden gruppiert, und jede Gruppe ergibt eine Durchschnittsfarbe und ihren Anteil am Bild.

Wie viele Farben soll ich wählen?

5 oder 6 für ein Foto, 2 bis 4 für ein Logo. Mehr Farben zeigen ähnliche Nuancen.

Bekomme ich die exakte Farbe eines Logos?

Ja, mit der Pipette: Klicke auf eine einfarbige Fläche des Logos, um ihren HEX-, RGB- und HSL-Code zu erhalten.

Wird mein Bild hochgeladen?

Nein, die Analyse läuft in deinem Browser; das Bild verlässt nie dein Gerät.

Immer noch ein Problem?

Frag im Forum: Kategorie, Werkzeug, Datenblatt deines Geräts und Testergebnis werden automatisch ausgefüllt.