Durchschnittsfarbe einer Liste

Wenn ein Markenkit, eine Diagrammserie oder eine Datei mit Design-Token Ihnen einen Stapel Hex-Felder liefert, brauchen Sie oft eine einzige Farbe, die für die ganze Menge steht: ein Ordner-Vorschaubild, ein Chip mit Palettenmittel, eine Standardfüllung oder eine Kontrolle, dass ein neues Token die Gruppe nicht zu einem überraschenden Farbton gezogen hat. Dieser Rechner für die Durchschnittsfarbe einer Liste nimmt Hex-Farben entgegen und liefert das arithmetische Mittel der Kanäle Rot, Grün und Blau, gerundet auf ganze Schritte 0–255, plus ein sechsstelliges Hex-Token, das Sie in CSS einfügen können. Der Pfad ist deterministisch: dieselbe Liste ergibt immer dasselbe Hex.

Wie das RGB-Mittel einer Farbliste berechnet wird

Senden Sie eine Liste von Hex-Farben. Jedes Feld wird zu drei ganzzahligen Kanälen im Bereich von null bis zweihundertfünfundfünfzig erweitert. Die dreistellige Kurzform wie #f00 verdoppelt jedes Nibble, sodass #f00 und #FF0000 dasselbe reine Rot sind.

Eine optionale führende Raute wird vor der Prüfung entfernt; ein 0x-Präfix wird abgelehnt, damit eine gepackte Ganzzahl nie mit einem Farbtoken verwechselt wird. Nach dem Parsen jedes Feldes addiert der Solver die Rot-, Grün- und Blauwerte und teilt jede Summe durch die Anzahl der Farben. Dieser Quotient ist das arithmetische Mittel dieses Kanals.

Jedes Mittel wird nach der Halb-auf-Regel für positive Zahlen auf die nächste ganze Zahl gerundet, sodass einhundertsiebenundzwanzig Komma fünf zu einhundertachtundzwanzig wird, und das Ergebnis wird auf das erlaubte Band 0–255 begrenzt. Die drei Ganzzahlen werden zum Ergebnis-Hex als sechs Großbuchstaben-Ziffern mit führender Raute. Das lineare RGB-Mittel ist kein wahrnehmbarer Mittelpunkt in LAB oder HSL: ein Neon-Gelb und ein fast schwarzes Navy können den Durchschnitt zum helleren Elternteil ziehen, weil der Kanalraum nicht gleichmäßig ist.

Das ist der dokumentierte Vertrag dieses Produkts, und es ist dasselbe Mittel, das Gestalter bereits in Tabellen und Theme-Skripten rechnen. Eine einzelne Farbe ist eine zulässige Liste und kommt nach der Normalisierung als sie selbst zurück. Zwei Kopien desselben Hex liefern weiterhin dieses Hex.

Reines Rot, reines Grün und reines Blau mitteln gemeinsam ein mittleres Grau, weil jeder Kanal über drei Proben zweihundertfünfundfünfzig summiert.

Wann eine Farbe für alle stehen muss

Designsysteme verdichten eine Markenpalette zu einem Chip für einen Ordner, ein Figma-Komponenten-Vorschaubild oder eine Marketingkachel, die viele Token zugleich vertreten muss. Diagrammbibliotheken wählen eine Standard-Serienfarbe aus den bereits genutzten Strichen, damit eine neue Linie nicht zufällig knallt. Jobs der kontinuierlichen Integration hashen das zurückgegebene Hex und lassen den Build scheitern, wenn eine Token-Änderung das Palettenmittel weiter verschiebt, als eine Prüfung zulässt.

Diese Seite ist das eigene Werkzeug für die Durchschnittsfarbe einer Liste: sie ist nicht color.mix, das genau zwei Hex in einem gewählten Verhältnis mischt, und kein Bild-Dominanzfarben-Extraktor, der Pixel einer Fotografie liest. Bevorzugen Sie sie, wenn die Suchabsicht lautet, diese Felder zusammenzufassen, nicht zwei zu mischen, Formate umzurechnen oder Farben aus einer Bitmap zu ziehen. Halten Sie die Liste bei höchstens zweihundertsechsundfünfzig Feldern, nageln Sie hex und rgb in Tests fest, und Sie erhalten eine reproduzierbare Zusammenfassungsfarbe für Tickets, LMS-Erweiterungen und Edge-Worker, ohne eine eigene Farbverwaltung aufzustellen.