Temperatura de cor em design: luz quente, fria e neutra

A temperatura de cor é quão quente ou fria parece uma luz ou uma cor. Quente quer dizer a tender para o laranja de vela e o vermelho; frio quer dizer a tender para o azul do dia; neutro fica entre os dois. Na luz mede-se em kelvin, onde uma vela ronda 1900 K e um céu nublado cerca de 6500 K. No design usa-se para definir o ambiente: as paletas quentes parecem próximas e confortáveis, as frias parecem calmas e espaçosas, e misturar as duas dá profundidade a uma imagem.

A escala kelvin e porque parece ao contrário

O valor em kelvin vem da física: é a temperatura que um objeto ideal incandescente teria de atingir para emitir luz dessa cor. Uma barra de metal aquecida devagar brilha a vermelho, depois laranja, depois branco amarelado e, a temperaturas extremas, branco azulado. Assim, um número mais alto significa uma luz mais azul, a que os designers chamam mais fria. O vocabulário corre ao contrário da física, e isso confunde toda a gente ao início.

Essa adaptação importa nos ecrãs. O padrão sRGB, que a maior parte da cor na web e em aplicações assume, usa o D65, cerca de 6500 K, como branco. Funcionalidades como os modos noturno deslocam o branco de um ecrã para mais quente, por isso as cores que escolheste vão parecer mais quentes a quem lê à noite. Desenha para o padrão e aceita o desvio.

Cores quentes, frias e neutras

Fora da iluminação, a temperatura tem a ver com o lado do círculo para onde a cor tende. Vermelhos, laranjas e amarelos leem-se quentes; azuis, verdes-azulados e violetas azulados leem-se frios. Verdes e roxos ficam no meio e podem ir para qualquer lado: uma oliva é quente, uma menta é fria. Cores quentes e frias trata do círculo em detalhe; o útil aqui é que a temperatura também se aplica dentro de um mesmo tom. Há azuis quentes e vermelhos frios.

A temperatura faz grande parte do trabalho emocional de uma paleta, muitas vezes mais do que o próprio tom. Os esquemas quentes parecem próximos, sociáveis e enérgicos; os frios parecem calmos, espaçosos e controlados. Psicologia das cores explora essas associações e os seus limites. A temperatura também interage com a intensidade: uma paleta fria levada à saturação máxima deixa de parecer calma, e uma quente reduzida ao mínimo começa a parecer vintage e não animada.

Os neutros também têm temperatura

O cinzento puro é raro em bom design. A maioria dos cinzentos bem usados tende ligeiramente para o quente, para pedra e castanho-acinzentado, ou ligeiramente para o frio, para ardósia e aço. Misturar as duas famílias num só layout costuma parecer enlameado sem ninguém saber porquê. Escolhe uma família e usa-a em fundos, bordas e texto secundário do princípio ao fim.

:root {
  /* A warm neutral ramp: pick one family and keep it */
  --grey-50: #f6f3ee;
  --grey-200: #e4ded4;
  --grey-400: #bdb4a7;
  --grey-600: #7d7468;
  --grey-900: #2f2a25;
}

Os neutros quentes servem marcas de comida, hotelaria, bem-estar e editoriais. Os neutros frios servem software, finanças e tudo o que deva parecer preciso. Paletas de cores neutras tem mais conjuntos.

Luz quente, sombra fria

Os pintores notaram há muito que a luz e a sombra diferem na temperatura, e não só no brilho. As superfícies ao sol ficam quentes enquanto as sombras ganham azul do céu. Recria isso num gradiente ou numa ilustração e parece de imediato mais real do que uma versão clara e escura de um só tom. Funciona também ao contrário: luar frio com sombras quentes de candeeiro.

Nos fundos, esta é a diferença entre um gradiente que parece iluminado e um que parece uma amostra de cor. Põe a luz quente onde o olhar deve ir primeiro, deixa os tons frios juntarem-se nas bordas e mantém o texto sobre a mais calma das duas. Fundo de gradiente percorre todo o método.

Temperatura de cor nas fotografias

O equilíbrio de brancos é a estimativa que a câmara faz da temperatura da luz. Uma fotografia tirada sob lâmpadas quentes com equilíbrio de brancos de luz do dia fica alaranjada; uma tirada à sombra fica azulada. Quando as fotografias ficam ao lado das cores da marca, ajusta a temperatura delas à paleta. Uma marca quente com fotografias frias e azuis parece desligada. Tingir as fotografias com as próprias cores da paleta é outra solução: vê fotografias duotone.

Os Marks do Gradiently levam a luz como parte da sua receita, por isso leem-se como uma superfície iluminada e não como uma amostra plana, a cada tamanho em que desenhas.