As cores da tier list e o que significam
Design · 4 min de leitura
As cores da tier list vão do vermelho no topo, passando por laranja, amarelo e verde, até o azul embaixo. A ordem vem da convenção dos mapas de calor, onde vermelho é lido como extremo e azul como baixo.
Ninguém votou na paleta das tier lists. Ela se firmou por cópia. Os primeiros quadros usavam um degradê de vermelho para azul porque era o que a formatação condicional das planilhas produzia, e quando milhares de imagens já pareciam assim, qualquer outra coisa começou a parecer errada.
A paleta padrão
| Nível | Cor | Hex |
|---|---|---|
| S | Vermelho | #FF6B6B |
| A | Laranja | #FFA24C |
| B | Amarelo | #FFD84D |
| C | Verde | #9BDB5A |
| D | Azul | #57C7E8 |
| E | Roxo | #9C8BEF |
| F | Rosa | #E58BC8 |
Esses são os valores que este site usa por padrão, e ficam próximos do que se vê na maioria das imagens de tier list. O importante não é o hex exato e sim a direção: quente em cima, frio embaixo, e contraste suficiente entre vizinhos para ninguém precisar apertar os olhos.
Por que aqui vermelho significa o melhor
Na maioria dos contextos vermelho significa pare ou perigo, então colocar no topo parece invertido. As tier lists herdaram a convenção dos mapas de calor, onde vermelho marca a ponta extrema de uma escala e não um resultado ruim. Assim que você vê o quadro como mapa de calor e não como semáforo, a ordem faz sentido.
Mantendo legível
Cerca de um em cada doze homens tem alguma forma de daltonismo vermelho verde, e a paleta padrão é justamente do tipo que causa problema: o vermelho do tier S e o verde do tier C podem parecer quase iguais. Existe uma solução simples que não custa nada.
- Mantenha sempre os rótulos das linhas. As letras carregam a ordem mesmo quando a cor falha.
- Varie também a luminosidade, para o tier S ficar claramente mais escuro ou mais claro que o C.
- Se quiser garantir, use uma escala de azul para laranja em vez de vermelho para verde.
- Nunca use só a cor para indicar algo extra, como uma borda vermelha para favoritos.
Mudando as cores
No criador de tier list, cada linha tem um pontinho colorido ao lado. Clique nele e escolha entre doze amostras, incluindo um cinza claro e um cinza escuro para quadros que são quase só texto. As cores entram na imagem exportada, então o que você vê é o que é publicado.
Se você também vai renomear as linhas, o que significa tier S cobre os rótulos que as pessoas esperam ver.