Bild-Farbwähler & Paletten-Extraktor

Extrahiere direkt im Browser eine Palette der dominanten Farben sowie die durchschnittliche Gesamtfarbe aus jedem Bild – jeweils als kopierbaren HEX-Wert angezeigt.

Tool wird geladen…

Bild-Farbwähler & Paletten-Extraktor — Zieh ein beliebiges Bild hinein und hol dir sofort seine Farbpalette: die dominantesten Farben plus die durchschnittliche Gesamtfarbe, jeweils mit Farbfeld und einem HEX-Kopierbutton mit nur einem Klick. Du entscheidest, wie viele dominante Farben extrahiert werden (2 bis 12). Das Bild wird vollständig in deinem Browser über das HTML-Canvas gelesen und niemals auf einen Server hochgeladen.

Was ist Bild-Farbwähler & Paletten-Extraktor?

Der Bild-Farbwähler ist ein kostenloser Online-Paletten-Extraktor, der die dominanten Farben und die Durchschnittsfarbe direkt im Browser aus jedem Bild herauszieht. Designer, Frontend-Entwickler und alle, die eine Marke oder ein Moodboard aufbauen, können ein Foto, Logo oder einen Screenshot hineinziehen und in Sekunden eine HEX-Farbpalette erhalten. Es liest die Bildpixel mit getImageData des HTML-Canvas, quantisiert sie in Farb-Buckets und ordnet sie danach, wie oft jede Farbe vorkommt, sodass die meistgenutzten Farben nach oben rücken. Du legst die Palettengröße fest (wie viele dominante Farben, von 2 bis 12), und jede Farbe wird als Farbfeld mit einem kopierbaren HEX-Wert neben der durchschnittlichen Gesamtfarbe des Bildes angezeigt.

So verwendest du Bild-Farbwähler & Paletten-Extraktor

  1. Zieh ein Bild per Drag-and-drop in den Ablagebereich oder klicke darauf, um eine Datei (PNG, JPEG, WebP oder jedes andere Bild, das dein Browser öffnen kann) von deinem Gerät auszuwählen.
  2. Stell im Feld Palettengröße ein, wie viele dominante Farben du möchtest, von 2 bis 12.
  3. Sieh dir die Zeile Durchschnittsfarbe an, um den einzelnen gemischten Durchschnitt des gesamten Bildes mit seinem HEX-Wert zu erhalten.
  4. Sieh dir die Liste Dominante Farben an, von der häufigsten Farbe abwärts geordnet, jeweils mit Farbfeld und HEX-Wert.
  5. Klick auf den Kopierbutton neben einer Farbe, um diesen HEX-Wert in die Zwischenablage zu kopieren.

Beispiele

Eine Markenpalette aus einem Logo ziehen

Zieh ein Logo-PNG hinein und setz die Palettengröße auf 4, um die vier meistgenutzten Farben als HEX-Farbfelder zu erhalten – bereit zum Einfügen in deine Design-Tokens oder CSS-Variablen.

Einen passenden Hintergrundton aus einem Foto finden

Lade ein Hero-Foto und lies die Zeile Durchschnittsfarbe, um einen einzelnen gemischten HEX-Wert zu erhalten, der zum gesamten Bild harmoniert – nützlich als Abschnitts-Hintergrund oder Fallback-Farbe.

Aus einer Illustration ein größeres Farbset aufbauen

Zieh eine farbenfrohe Illustration hinein und erhöhe die Palettengröße auf 12, um ein breites Set dominanter Farben zu extrahieren, geordnet danach, wie viel des Bildes sie abdecken.

Häufig gestellte Fragen

Welche Bildformate kann ich verwenden?
Jedes Bild, das dein Browser öffnen kann (der Ablagebereich akzeptiert image/*), einschließlich PNG, JPEG und WebP. Das Bild wird auf ein HTML-Canvas gezeichnet und seine Pixel werden lokal gelesen, um die Farben zu extrahieren.
Wie werden die dominanten Farben ausgewählt?
Das Tool liest die Bildpixel, gruppiert ähnliche Farben in Buckets und ordnet die Buckets danach, wie viele Pixel in jeden fallen. Die obersten Buckets werden zu deinen dominanten Farben, von der häufigsten zuerst angezeigt, jeweils als Durchschnittsfarbe ihres Buckets.
Wie viele Farben kann ich extrahieren?
Du stellst die Palettengröße zwischen 2 und 12 dominanten Farben ein. Die durchschnittliche Gesamtfarbe des ganzen Bildes wird zusätzlich zu dieser Liste immer separat angezeigt.
Warum können die Farben leicht vom Originalbild abweichen?
Aus Geschwindigkeitsgründen werden große Bilder vor dem Lesen verkleinert und ähnliche Farben zusammengefasst, sodass jedes Farbfeld der Durchschnitt einer Gruppe ist und nicht ein exaktes Pixel. Das Ergebnis ist eine getreue, repräsentative Palette statt einer Pixel-für-Pixel-Farbprobe.
Wird mein Bild irgendwohin hochgeladen?
Nein. Das Bild wird zu 100 % in deinem Browser mit dem HTML-Canvas verarbeitet. Es wird niemals zu deftdeck oder einem Server hochgeladen, sodass das Tool offline funktioniert und dein Bild privat bleibt.

Verwandte Tools

Bildformat-Konverter

Konvertiere Bilder vollständig im Browser zwischen AVIF, WebP, PNG, JPEG, BMP, ICO und Einzelbild-GIF.

Excel/CSV zu JSON

Wandle eine Excel- oder CSV-Tabelle direkt im Browser in JSON oder CSV um.

EXIF-Viewer & Metadaten-Entferner

Sieh dir die EXIF-Metadaten eines Bildes an – Kamera, Objektiv, Aufnahmedatum und GPS-Standort – entferne dann jeden Tag und lade eine saubere Kopie herunter, alles in deinem Browser.

Favicon-Generator

Wandle ein PNG- oder JPG-Bild direkt im Browser in quadratische Icons mit 16, 32, 48, 180 und 512 px um.