Couleur moyenne d'une liste

Lorsqu'un kit de marque, une série de graphiques ou un fichier de jetons de design vous remet une pile d'échantillons hex, vous avez souvent besoin d'une seule couleur qui représente l'ensemble : une miniature de dossier, une pastille de moyenne de palette, un remplissage par défaut, ou une vérification qu'un nouveau jeton n'a pas tiré le groupe vers une teinte inattendue. Cette calculatrice de couleur moyenne d'une liste prend des codes hex et renvoie la moyenne arithmétique des canaux rouge, vert et bleu, arrondie à des entiers 0–255, plus un jeton hex à six chiffres que vous pouvez coller dans le CSS. Le parcours est déterministe : la même liste produit toujours le même hex.

Comment la moyenne RGB d'une liste de couleurs est calculée

Envoyez une liste de couleurs hex. Chaque échantillon est développé en trois canaux entiers dans l'intervalle de zéro à deux cent cinquante-cinq. La forme courte à trois chiffres, comme #f00, double chaque nibble, de sorte que #f00 et #FF0000 sont le même rouge pur.

Un dièse initial facultatif est retiré avant la validation ; le préfixe 0x est rejeté afin qu'un entier empaqueté ne soit jamais pris pour un jeton de couleur. Après l'analyse de chaque échantillon, le solveur additionne les rouges, les verts et les bleus, puis divise chaque somme par le nombre de couleurs. Ce quotient est la moyenne arithmétique de ce canal.

Chaque moyenne est arrondie à l'entier le plus proche selon la règle du demi supérieur pour les nombres positifs, ainsi cent vingt-sept virgule cinq devient cent vingt-huit, et le résultat est borné à la bande légale 0–255. Les trois entiers deviennent l'hex résultat en six chiffres majuscules avec un dièse. La moyenne RGB linéaire n'est pas un milieu perceptuel en LAB ou HSL : un jaune néon et un bleu marine presque noir peuvent tirer la moyenne vers le parent plus clair, car l'espace des canaux n'est pas uniforme.

C'est le contrat documenté de ce produit, et c'est la même moyenne que les designers calculent déjà dans les tableurs et les scripts de thème. Une seule couleur est une liste licite et se renvoie elle-même après normalisation. Deux copies du même hex renvoient encore cet hex.

Rouge pur, vert pur et bleu pur ensemble donnent un gris moyen, car chaque canal somme deux cent cinquante-cinq sur trois échantillons.

Quand une couleur doit représenter l’ensemble

Les systèmes de design compressent une palette de marque en une pastille pour un dossier, une miniature de composant Figma ou une tuile marketing qui doit représenter de nombreux jetons à la fois. Les bibliothèques de graphiques choisissent une couleur de série par défaut parmi les traits déjà utilisés, afin qu'une nouvelle courbe ne jure pas par accident. Les tâches d'intégration continue hachent l'hex renvoyé et font échouer la compilation lorsqu'un changement de jeton décale la moyenne de la palette au-delà de ce qu'une revue autorise.

Cette page est l'outil dédié à la couleur moyenne d'une liste : ce n'est pas color.mix, qui mélange exactement deux hex selon un ratio choisi, ni un extracteur de couleur dominante d'image qui lit les pixels d'une photographie. Préférez-la lorsque l'intention de recherche est de résumer ces échantillons, non de mélanger deux teintes, de convertir des formats ou de tirer des couleurs d'un bitmap.

Gardez la liste à deux cent cinquante-six échantillons ou moins, figez hex et rgb dans les tests, et vous obtenez une couleur-résumé reproductible pour les tickets, les greffons LMS et les workers de bord, sans dresser votre propre bibliothèque de gestion de la couleur.