# Colores

Yup muestra el valor social a través de colores que subrayan el contenido valorado y a los usuarios en la extensión y la aplicación web. Cada color representa un valor porcentual en relación a todo lo demás en su categoría.

### Esquema de colores

Actualmente existen cinco colores:

1. Verde: hasta 20%
2. Verde-amarillento: 20-40%&#x20;
3. Amarillo: 40-60%&#x20;
4. Naranja: 60-80%&#x20;
5. Rojo: 80-100%

![](https://4097421230-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQyY9tFMeG85lSwDcf-%2Fsync%2F50706a1d17028888030fa665384d7b9f4d085031.png?generation=1610588757776830\&alt=media)

**Por ejemplo, el color del tuit socialmente más valorado sería el verde o el azul.**

![](https://4097421230-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQyY9tFMeG85lSwDcf-%2Fsync%2Fc4904e08a1996644d8b284b43d4cf8bd93d5f704.png?generation=1610588756215888\&alt=media)

**...Y el menos valioso sería el rojo.**

![](https://4097421230-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQyY9tFMeG85lSwDcf-%2Fsync%2F78848fbe2b11d8f6fbaca81b0f82f9b609bb8365.png?generation=1610588749191846\&alt=media)

El contenido se vuelve más verde cuando se valora positivamente y más rojo cuando se valora negativamente, lo que refleja un aumento o disminución del valor social del contenido.

**Avanzado**

Cada contenido puede tener un color diferente para cada categoría. Dentro de cada categoría, ese contenido se está relacionando con otros contenidos dentro de esa categoría.

### Conclusión

Esperamos que, con el tiempo, cada contenido sea subrayado con el color que represente fielmente su valor social según las opiniones de la comunidad en línea. Ver [Categorias](https://docs.yup.io/v/espanol/basic/categorias)
