Color promedio de una lista

Cuando un kit de marca, una serie de gráficos o un archivo de tokens de diseño le entrega un montón de muestras hex, suele necesitar un solo color que represente el conjunto: una miniatura de carpeta, una ficha de promedio de paleta, un relleno por defecto o una comprobación de que un token nuevo no arrastró el grupo hacia un matiz inesperado. Esta calculadora de color promedio de una lista toma códigos hex y devuelve la media aritmética de los canales rojo, verde y azul, redondeada a enteros 0–255, más un token hex de seis dígitos que puede pegar en CSS. El recorrido es determinista: la misma lista produce siempre el mismo hex.

Cómo se calcula la media RGB de una lista de colores

Envíe una lista de colores hex. Cada muestra se expande a tres canales enteros en el rango de cero a doscientos cincuenta y cinco. La forma corta de tres dígitos, como #f00, duplica cada nibble, de modo que #f00 y #FF0000 son el mismo rojo puro.

Una almohadilla inicial opcional se elimina antes de validar; el prefijo 0x se rechaza para que un entero empaquetado no se confunda nunca con un token de color. Tras analizar cada muestra, el solver suma los rojos, los verdes y los azules, y divide cada suma entre el número de colores. Ese cociente es la media aritmética de ese canal.

Cada media se redondea al entero más cercano con la regla de medio hacia arriba para números positivos, así que ciento veintisiete coma cinco se convierte en ciento veintiocho, y el resultado se recorta a la banda legal 0–255. Los tres enteros forman el hex de salida como seis dígitos en mayúsculas con almohadilla.

La media RGB lineal no es un punto medio perceptual en LAB o HSL: un amarillo neón y un azul marino casi negro pueden arrastrar el promedio hacia el padre más brillante porque el espacio de canales no es uniforme. Ese es el contrato documentado de este producto, y es la misma media que los diseñadores ya calculan en hojas de cálculo y scripts de tema. Un solo color es una lista válida y se devuelve a sí mismo tras la normalización.

Dos copias del mismo hex siguen devolviendo ese hex. Rojo puro, verde puro y azul puro juntos promedian un gris medio, porque cada canal suma doscientos cincuenta y cinco en tres muestras.

Contrato de entrada, validación y forma de la respuesta

También se admite una cadena separada por comas, espacios, punto y coma o barras verticales, que se parte en tokens: resulta práctico al pegar una paleta desde un archivo de notas. Esos fallos no se facturan. Ejemplo: colors #FF0000, #00FF00 y #0000FF produce hex #555555 porque la media de cada canal es doscientos cincuenta y cinco entre tres, o sea ochenta y cinco.

Ejemplo: negro y blanco produce #808080 porque doscientos cincuenta y cinco entre dos se redondea a ciento veintiocho. Use hex cuando necesite un solo token para un archivo de estilo; use rgb cuando un lienzo o un comprobador de contraste espere canales separados.

Cuándo un color debe representar a todos

Los sistemas de diseño comprimen una paleta de marca en una ficha para una carpeta, una miniatura de componente de Figma o una tesela de marketing que debe representar muchos tokens a la vez. Las bibliotecas de gráficos eligen un color de serie por defecto entre los trazos ya usados para que una línea nueva no choque por accidente.

Los trabajos de integración continua calculan el hash del hex devuelto y fallan la compilación cuando un cambio de token desplaza el promedio de la paleta más de lo que permite una revisión. Esta página es la herramienta dedicada al color promedio de una lista: no es color.mix, que mezcla exactamente dos hex a una proporción elegida, ni un extractor de color dominante de imagen que lee píxeles de una fotografía.

Prefiérala cuando la intención de búsqueda sea resumir estas muestras, no mezclar dos, no convertir formatos y no extraer colores de un mapa de bits. Mantenga la lista en doscientas cincuenta y seis muestras o menos, fije hex y rgb en las pruebas, y obtendrá un color resumen reproducible para tickets, plugins LMS y workers de borde sin montar una biblioteca propia de gestión de color.