Durchschnitts- und Hauptfarbe
Average & Dominant Colour
Liefert eine repräsentative Farbe für ein Bild – Mittelwert, Median oder häufigste Farbe – als Farbwert.
„Welche Farbe hat dieses Bild“ hat vier vertretbare Antworten, und sie widersprechen sich, manchmal deutlich. Dieses Werkzeug berechnet alle vier und sagt, wofür jede gut ist, statt eine auszuwählen und sie den Durchschnitt zu nennen.
Bild hier ablegen
Vier verschiedene Antworten auf „welche Farbe hat dieses Bild“, und warum sie sich widersprechen.
So funktioniert es
Legen Sie ein Bild ab
Es wird dekodiert, abgetastet und gemessen; keine Ausgabedatei entsteht, weil niemand das Bild herunterlädt, das er gerade abgelegt hat.
Nehmen Sie die Hauptfarbe für ein Farbmuster
Sie ist die am dichtesten besetzte Region des Farbraums, verfeinert zum Mittelwert ihrer Mitglieder – die einzige der vier, die garantiert eine Farbe ist, die im Bild tatsächlich viel vorkommt.
Nehmen Sie den linearen Mittelwert für einen Hintergrund
Er ist die Farbe des Lichts, das das Bild abgibt, also das, was zu einem Umgebungsleuchten passt oder das Bild über den Rand eines Canvas hinaus fortsetzt.
Häufige Fragen
Warum sind die zwei Mittelwerte verschiedene Farben?
Weil sRGB-Bytes nicht proportional zum Licht sind. Die Bytes zu mitteln mittelt durch eine konkave Kurve, was das Ergebnis zum dunklen Ende zieht; in linearem Licht zu mitteln und zurückzurechnen tut das nicht. Der Abstand zwischen beiden wird als Zahl gezeigt.
Der Durchschnitt ist ein Grau, das nirgends in meinem Foto vorkommt.
Das macht ein Mittelwert mit einem Bild aus zwei sehr verschiedenen Regionen. Nehmen Sie den Median, der je Kanal und robust ist, oder die Hauptfarbe – beide liefern etwas, das im Bild tatsächlich vorkommt.
Ich brauche mehr als eine Farbe.
„Farbpalette extrahieren“ quantisiert das Bild und meldet jeden Eintrag mit seinem Anteil – das richtige Werkzeug für ein Theme oder eine Diagrammskala.
Eingabe aus
Farbpalette extrahieren
Palette Extractor
Zieht eine Palette aus N Farben aus einem Bild und exportiert sie als Hex, CSS-Variablen oder ASE-Farbfelder.
BlurHash / ThumbHash erzeugen
BlurHash / ThumbHash
Kodiert ein Bild in eine kurze BlurHash- oder ThumbHash-Zeichenkette, die als Lade-Platzhalter dient.
PNG-Kompressor
PNG Compressor
Verkleinert ein PNG ohne Upload, komplett im Browser: Die Farbpalette wird quantisiert und der Deflate-Strom neu geschrieben, die Abmessungen bleiben unverändert.
JPEG-Kompressor
JPEG Compressor
Kodiert ein JPEG mit der gewählten Qualität neu und zeigt die Dateigröße vorher und nachher sowie eine Differenzansicht live an.
Danach
Diese Tools nehmen an, was dieses hier erzeugt, das Ergebnis kann also direkt weiter.
BlurHash / ThumbHash erzeugen
BlurHash / ThumbHash
Kodiert ein Bild in eine kurze BlurHash- oder ThumbHash-Zeichenkette, die als Lade-Platzhalter dient.
Farbformat-Konverter
Colour Format Converter
Wandelt eine Farbe zwischen HEX, RGB, HSL, HWB, LAB, LCH und OKLCH um und nennt die nächste bekannte Farbe.
Kontrast prüfen
Contrast Checker
Bewertet ein Paar aus Vorder- und Hintergrundfarbe nach WCAG 2 und APCA und schlägt die nächste bestehende Farbe vor.
Farbpalette extrahieren
Palette Extractor
Zieht eine Palette aus N Farben aus einem Bild und exportiert sie als Hex, CSS-Variablen oder ASE-Farbfelder.
Farbwähler
Colour Picker
Wählt eine Farbe auf einem OKLCH-Feld, per Bildschirm-Pipette oder aus einem eigenen Bild, und kopiert sie in jeder Notation.
Währungsrechner
Currency Converter
Rechnet zwischen rund dreißig Währungen zu den täglichen Referenzkursen der EZB um, über den Euro gekreuzt, oder zu einem Kurs, den Sie eingeben.