Cores quentes e frias: o que muda

Entenda a diferença entre cores quentes e frias, como elas parecem avançar ou recuar numa imagem e como equilibrar as duas numa paleta.

Equipe Tom a Tom · Atualizado em · 5 min de leitura

Cores quentes são as que vão do vermelho ao amarelo, passando pelo laranja, e incluem marrons e tons terrosos. Cores frias vão do verde-azulado ao azul-violeta. A diferença está na impressão visual: as quentes parecem se aproximar de você, e as frias parecem se afastar. Isso não é sobre temperatura de verdade, e sim sobre como o olho organiza o que vê.

Onde cada grupo fica na roda

Divida a roda de cores ao meio, mais ou menos como uma pizza. Um lado reúne vermelho, laranja e amarelo. O outro lado reúne verde, azul e roxo. Os extremos são o laranja-avermelhado, o mais quente, e o azul-esverdeado, o mais frio.

Algumas cores ficam na fronteira e mudam de lado conforme a mistura. Um verde com bastante amarelo parece quente. Um verde com muito azul parece frio. Um roxo avermelhado pende para o quente, e um roxo azulado pende para o frio. Isso significa que “quente ou frio” é uma questão de grau, e não de duas caixas fechadas. Em uma paleta, vale comparar uma cor com a outra: um azul é frio perto de um laranja, mas pode parecer mais quente ao lado de um azul-gelo.

A ideia de avançar e recuar

A distinção entre quentes e frias é antiga: a descrição da teoria da cor registra que ela é usada desde pelo menos o final do século 18. Segundo essa descrição, as quentes costumam “avançar” numa pintura, e as frias tendem a “recuar”. O mesmo texto acrescenta uma ressalva importante: boa parte desse efeito pode vir do fato de que as cores quentes tendem a ser mais saturadas e mais claras. Ou seja, nem sempre é a “temperatura” que faz o trabalho, e sim a intensidade e a luminosidade que costumam vir junto.

O pintor e professor Johannes Itten, que ensinou na Bauhaus, incluiu o contraste entre frio e quente entre os sete tipos de contraste de cor que descreveu em The Art of Color. Dá para brincar com ele: um fundo frio e um elemento quente, no primeiro plano, saltam mais.

Onde a temperatura da cor aparece no seu projeto

Destaque. Um elemento quente sobre um fundo frio tende a se destacar. O botão laranja sobre uma página azul-acinzentada é o exemplo mais simples.

Profundidade. Em uma ilustração ou foto, fundos frios e primeiro plano quente criam sensação de espaço. Um quadro com céu azul e uma figura em vermelho ilustra isso.

Clima. Muitas pessoas descrevem as quentes como acolhedoras e as frias como calmas ou limpas. Cuidado aqui: isso é associação, não regra. As associações variam entre pessoas, culturas e contextos, e os efeitos, quando existem, são pequenos. Use a ideia como ponto de partida e teste com o público real.

Equilíbrio. Uma paleta toda quente pode parecer pesada; uma toda fria, distante. A maioria dos bons conjuntos mistura as duas, com uma delas dominando.

Passo a passo: paleta para uma cafeteria com vista para o mar

Imagine uma pequena cafeteria de praia. Você quer um visual que lembre café e mar ao mesmo tempo.

  1. Escolha o grupo dominante. Para um ambiente acolhedor, as quentes. A cor principal é um terracota, #A5522B.
  2. Adicione um tom quente mais claro para variar, como o #E59F52, e um bem pálido, #FBEBD3, para os fundos.
  3. Traga a fria para equilibrar. Um azul-petróleo, #1F7A8C, em detalhes como a logo, o avental e a porta.
  4. Tenha um fundo fresco e escuro, #0F3D4C, para cartazes e letreiros noturnos. Ele conversa com o azul-petróleo.
  5. Divida a quantidade. Algo próximo de dois terços de quentes e um terço de frias. A regra 60-30-10 pode orientar.
  6. Confira o texto. Letras escuras #0F3D4C sobre o creme #FBEBD3 têm folga: cerca de 10,0 para 1. Já o terracota #A5522B sobre o creme dá cerca de 4,67 para 1, perto do mínimo de 4,5 que a WCAG exige no nível AA para texto normal (a versão 2.2, de outubro de 2023, manteve esse valor). Use esse par em letras grandes ou em formas, e deixe o texto pequeno para o azul escuro.

Escorregões ao misturar quente e frio

Achar que quente significa “chamativo” sempre. Um vermelho escuro e apagado não salta tanto. O que mais chama o olho é a combinação de matiz, saturação e luminosidade. Veja contraste de valor, matiz e saturação.

Colocar texto frio sobre fundo frio. Azul sobre verde-azulado, por exemplo, tem pouca separação. Em geral, o que separa é o claro e o escuro, e não o quente e o frio.

Usar quente e frio na mesma intensidade e área. Sem dominante, a peça parece partida ao meio. Escolha quem manda.

Esquecer os neutros. Cinzas, bege, branco e preto podem ser puxados para o quente ou para o frio. Um branco levemente amarelado combina com uma paleta quente. Um cinza azulado combina com uma fria. Misturar os dois tipos de neutro dá aparência de desencontro.

Ignorar que o contexto muda tudo. A mesma cor parece mais quente ou mais fria dependendo do que está ao seu lado. Teste sempre com as outras cores ao redor.

Teste de duas versões: só quente e só frio

Faça uma versão da sua peça só com as cores quentes e outra só com as frias, e depois junte. Pergunte para alguém qual é o primeiro elemento que chama atenção. Se for o que você planejou, a temperatura está trabalhando a seu favor. Se não for, mude de lado a cor do que deve se destacar, ou apague a diferença com mais neutros.

Quando o assunto for harmonia de vizinhas, a leitura seguinte é cores análogas. Para a ideia de oposição forte, volte a cores complementares.

Fontes

  1. Wikipedia. Color theory.
  2. Johannes Itten. The Art of Color: The Subjective Experience and Objective Rationale of Color (1973).
  3. Onlineprinters. Colour contrasts in art: Complementary colours, Itten and the number 7.
  4. W3C. Understanding Success Criterion 1.4.3: Contrast (Minimum).

Escrito pela Equipe Tom a Tom. Veja como produzimos e revisamos em Política editorial.