Zum Inhalt springen
Toolars
Erkunden

Durchschnittsfarbe eines Bildes

Image Average Color Finder

Berechne eine auf Transparenz reagierende Durchschnittsfarbe aus Pixeln, die in deinem Browser dekodiert wurden. Algorithmus für Durchschnittsfarbe: Arithmetisches Mittel, Quadratisches Mittel, Dominante Farbe. HSL.

Lokale Verarbeitung

Verarbeitungsdetails

Tooleingaben werden auf Ihrem Gerät verarbeitet.

Für dieses Tool müssen eventuell Ressourcen geladen werden. Kontodienste laufen separat.

Datenschutzinformationen
Fehler melden

Aufgabenpfad / von der Eingabe zum Ergebnis

So findest du die Durchschnittsfarbe eines Bildes

  1. 01

    Wähle das Bild

    Wähle Datei wählen — oder ziehe das Bild auf die Zone — und öffne ein PNG, JPEG oder WebP bis zu 12 MiB, höchstens 8.192 Pixel pro Seite und 24.000.000 Pixel insgesamt. Die Pixel werden lokal dekodiert, und die Abmessungen werden vor der Analyse bestätigt; nichts wird hochgeladen.

  2. 02

    Starte die Analyse

    Klicke auf Durchschnitt finden. Bilder mit mehr als 4.000.000 Pixeln werden zuerst auf einem separaten Canvas auf das Analyselimit verkleinert. Kleinere Bilder werden anhand der dekodierten Canvas-Pixel in voller Größe gelesen. Das Ergebnis ist eine brauchbare Farbschätzung, keine bytegenaue Messung der Quelldatei. Algorithmus für Durchschnittsfarbe: Arithmetisches Mittel / Quadratisches Mittel / Dominante Farbe.

  3. 03

    Lies das alpha-bewusste Ergebnis

    Wie der Hinweis im Arbeitsbereich sagt, werden transparente Pixel ignoriert, und partielles Alpha zählt proportional, weiche Kanten und PNG-Freisteller verzerren die Farbe also nicht Richtung unsichtbarem Hintergrund. Ein vollständig transparentes Bild hat nichts zum Mitteln und wird mit einer klaren Meldung abgelehnt.

  4. 04

    Kopiere oder lade den Wert herunter

    Das Ergebnis-Farbfeld zeigt die Farbe als HEX, rgb() und rgba(). Klicke auf das Feld, um sie zu kopieren, nutze das Kopier-Steuerelement für den vollen Text, oder Herunterladen, um die Werte als kleine Textdatei zu speichern, die du in ein Stylesheet oder eine Design-Notiz einfügen kannst.

Tool-Fakten

Verarbeitung
In deinem Browser
Eingabe verlässt dieses Gerät
Nie
Aufbewahrung
Nichts wird gespeichert
Preis
Kostenlos

Deine Eingabe bleibt im Browser.

Durchschnittsfarbe eines Bildes nutzt seinen verifizierten lokalen Ausführungspfad und erstellt keinen versteckten Ein- oder Ausgabeverlauf.

Lokale Ausführung

Läuft im aktuellen Browser-Tab.

Keine versteckte Verarbeitung

Aktive Tool-Daten werden nie zu einem Toolars-Dokumentdatensatz.

Kein Konto erforderlich

Nutze den Kern-Workflow ohne Profil. Favoriten werden mit deinem Konto synchronisiert, sobald du dich anmeldest.

Sofortiges Zurücksetzen

Leere den Tab, und die aktiven Arbeitsdaten sind weg.

Was Durchschnittsfarbe eines Bildes tatsächlich tut

HSL. Eingaben und Ergebnisse bleiben im Speicher dieses Browsertabs.

Häufige Fragen

Wie wird der Durchschnitt berechnet?
Das arithmetische Mittel gewichtet RGB-Kanäle mit Alpha. Das quadratische Mittel mittelt die quadrierten Kanäle mit denselben Gewichten und zieht die Wurzel. In beiden Modi ist Alpha die mittlere Deckkraft aller analysierten Pixel. Die dominante Farbe liefert stattdessen die quantisierte RGB-Gruppe mit dem höchsten Gewicht und deren mittleren Alpha-Wert. Vollständig transparente Pixel tragen keine Farbe bei; ein vollständig transparentes Bild wird abgelehnt.
Warum wird ein großes Bild vor dem Messen herunterskaliert?
Das Verkleinern begrenzt Canvas-Speicher und Rechenaufwand bei großen Bildern. Es geschieht auf einer lokalen Kopie und verändert die Quelldatei nicht; durch Resampling kann sich die gemessene Farbe jedoch ändern, besonders bei feinen Details und transparenten Rändern. Vergleiche das Ergebnis mit dem Bild, bevor du es als Markenfarbwert nutzt.
Welches Format soll ich für mein Stylesheet kopieren?
HEX und rgb() zeigen die gerundeten RGB-Kanäle der gemessenen Farbe. rgba() enthält zusätzlich das mittlere Alpha; HEX und rgb() enthalten diese Deckkraft nicht. Bei transparenten Bildbereichen nutze rgba(), wenn die Deckkraft wichtig ist, und prüfe die Farbe auf dem vorgesehenen Hintergrund.
Warum scheiterte ein vollständig transparentes Bild?
Ein Bild ohne sichtbare Pixel hat keine Farbe zu melden, das Tool lehnt also mit einer klaren Meldung ab, statt Schwarz oder Weiß zu erfinden. Sollte die Datei sichtbaren Inhalt enthalten, prüfe, ob sie mit dem von dir beabsichtigten Alpha exportiert wurde.
Wird das Bild irgendwo hochgeladen?
Nein. Dekodieren und Mitteln laufen vollständig im aktuellen Browser-Tab, es ist kein Konto nötig, und das Zurücksetzen des Arbeitsbereichs verwirft das Bild und die gemessene Farbe.

Verwandte Aufgaben statt Sackgasse.

Wechsle in einen anderen fokussierten Arbeitsbereich, ohne zum vollständigen Index zurückzukehren.

Bildzuschnitt

Image Cropper

Ziehe den Ausschnitt, wähle ein Seitenverhältnis und lade das Bild herunter. Drehung: 90° / 180° / 270°.

Bearbeiten

Bildfilter

Image Filters

33 einstellbare Operationen einschließlich Farbtonrotation, beider Spiegelungen und geordnetem Dithering.

Bearbeiten

Bildkompressor

Image Compressor

Zielgröße oder Kodierungsqualität für JPEG/WebP wählen. Lokal verarbeiten, Abmessungen behalten, Bytes prüfen und herunterladen. Eine kleinere Datei ist nicht garantiert.

Konvertieren

Bildgröße ändern

Image Resizer

Skaliere lokal mit hochwertiger Interpolation und optionaler Sperrung des Seitenverhältnisses. PNG / JPEG / WebP / SVG / GIF. GIF exportiert nur das erste Bild; die Animation bleibt nicht erhalten.

Bearbeiten