Los colores de una tier list y qué significan
Diseño · 4 min de lectura
Los colores de una tier list van del rojo arriba, pasando por naranja, amarillo y verde, hasta el azul abajo. El orden viene de la convención de los mapas de calor, donde el rojo se lee como extremo y el azul como bajo.
Nadie votó la paleta de las tier lists. Se asentó a base de copiar. Los primeros cuadros usaban un degradado de rojo a azul porque era lo que producía el formato condicional de las hojas de cálculo, y una vez que miles de imágenes tenían ese aspecto, cualquier otra cosa empezó a parecer rara.
La paleta estándar
| Nivel | Color | Hex |
|---|---|---|
| S | Rojo | #FF6B6B |
| A | Naranja | #FFA24C |
| B | Amarillo | #FFD84D |
| C | Verde | #9BDB5A |
| D | Azul | #57C7E8 |
| E | Morado | #9C8BEF |
| F | Rosa | #E58BC8 |
Esos son los valores que usa este sitio por defecto, y se acercan a lo que se ve en la mayoría de imágenes de tier list. Lo importante no es el hex exacto sino la dirección: cálido arriba, frío abajo, y contraste suficiente entre vecinos para que nadie tenga que forzar la vista.
Por qué aquí el rojo significa lo mejor
En casi todos los contextos el rojo significa parar o peligro, así que ponerlo arriba parece al revés. Las tier lists heredaron la convención de los mapas de calor, donde el rojo marca el extremo de una escala y no un mal resultado. En cuanto ves el cuadro como un mapa de calor y no como un semáforo, el orden tiene sentido.
Que se pueda leer
Aproximadamente uno de cada doce hombres tiene alguna forma de daltonismo rojo verde, y la paleta estándar es justo la que da problemas: el rojo del tier S y el verde del tier C pueden verse casi iguales. Hay una solución sencilla que no cuesta nada.
- Mantén siempre las etiquetas de fila. Las letras transmiten el orden aunque el color falle.
- Varía también la luminosidad, para que el tier S sea claramente más oscuro o más claro que el C.
- Si quieres ir sobre seguro, usa una escala de azul a naranja en vez de rojo a verde.
- Nunca uses solo el color para indicar algo extra, como un borde rojo para tus favoritos.
Cambiar los colores
En el creador de tier list, cada fila tiene un punto de color pequeño a un lado. Púlsalo y elige entre doce muestras, incluidos un gris claro y un gris oscuro para cuadros que son sobre todo texto. Los colores se guardan en la imagen exportada, así que lo que ves es lo que se publica.
Si además vas a renombrar las filas, qué significa el tier S cubre las etiquetas que la gente espera ver.