CodeKitHubWas ist dieses Tool?
Die Durchschnittsfarbe ist der arithmetische Mittelwert der Rot-, Grün- und Blauwerte jedes Pixels — eine einzige gemischte Farbe, die den Gesamtton des Bildes repräsentiert, aber trüb wirken kann, wenn das Bild sehr unterschiedlich gefärbte Bereiche enthält.
Dominante Farben sind etwas anderes: Dieses Tool gruppiert ähnliche Pixelfarben in Töpfe (durch Quantisierung jedes RGB-Kanals), zählt, wie viele Pixel in jeden Topf fallen, und gibt die häufigsten als eigenständige Farbmuster zurück — näher an dem, was ein Mensch „die Hauptfarben in diesem Bild“ nennen würde, als eine einzelne gemittelte Mischung.
Warum sollte man es nutzen?
- Erhalten Sie mit einem Upload sowohl die Durchschnittsfarbe als auch eine echte Mehrfarbenpalette, nicht nur eine einzelne Zahl.
- Gewinnen Sie eine verwendbare Farbpalette aus einem Foto, Screenshot oder Logo für ein Designprojekt.
- Klicken Sie auf ein beliebiges Muster, um dessen exakten HEX-Code sofort zu kopieren.
- Läuft vollständig im Browser — das Bild wird lokal per Canvas gelesen und niemals hochgeladen.
- Kostenlos, sofort, kein Konto nötig, keine Dateigrößenbeschränkung außer den Grenzen Ihres eigenen Browsers.
Anleitung
- Klicken Sie auf die Upload-Schaltfläche und wählen Sie ein Bild von Ihrem Gerät.
- Durchschnittsfarbe und dominante Farbpalette erscheinen automatisch — keine zusätzliche Schaltfläche nötig.
- Klicken Sie auf ein beliebiges Muster (die Durchschnittsfarbe oder eine Palettenfarbe), um dessen HEX-Code zu kopieren.
Beispiel
Eingabe
Ein Foto eines Sonnenuntergangs mit orangefarbenem Himmel und dunkelblauen SilhouettenAusgabe
Durchschnittsfarbe: eine gedämpfte bräunlich-orange Mischung · Dominante Farben: leuchtendes Orange, tiefes Rot, Fast-Schwarz, blasses Gelb (als separate, eigenständige Farbmuster)Das ist genau der Fall, in dem Durchschnitts- und dominante Farben am stärksten voneinander abweichen — der Durchschnitt vermischt warme und kalte Töne zu Trübheit, während die dominante Palette sie als klar getrennte Farben erhält.
Häufig gestellte Fragen
Warum unterscheidet sich die Durchschnittsfarbe so stark von jeder tatsächlich im Bild vorkommenden Farbe?
Mittelwertbildung mischt jedes Pixel mathematisch zusammen — enthält ein Bild sowohl leuchtend orangefarbene als auch dunkelblaue Bereiche, landet der Durchschnitt bei einem trüben Braun, einer Farbe, die im Originalfoto möglicherweise visuell gar nicht vorkommt. Das ist das erwartete Verhalten eines echten Durchschnitts, kein Fehler; nutzen Sie stattdessen die dominante Farbpalette, wenn Sie Farben wollen, die tatsächlich im Bild vorkommen.
Wird mein Bild auf einen Server hochgeladen?
Nein. Das Bild wird direkt von Ihrem Browser über die Canvas-API gelesen, und die gesamte Farbanalyse läuft lokal in JavaScript. Es wird nie etwas über das Netzwerk gesendet.
Wie viele dominante Farben liefert das Tool zurück?
Bis zu 8, sortiert danach, wie viele Pixel auf jeden Farbtopf fielen, häufigste zuerst. Bei einem sehr farblich einheitlichen Bild sehen Sie möglicherweise weniger als 8 eigenständige Töpfe.
Werden transparente Pixel in einem PNG mitgezählt?
Nein — Pixel mit weniger als 50 % Deckkraft werden sowohl aus der Durchschnitts- als auch aus der Dominante-Farbe-Berechnung ausgeschlossen, sodass ein transparenter Hintergrund die Ergebnisse nicht in Richtung der dahinter durchscheinenden Farbe verzerrt.