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.
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.
- Escolha o grupo dominante. Para um ambiente acolhedor, as quentes. A cor principal é um terracota,
#A5522B. - Adicione um tom quente mais claro para variar, como o
#E59F52, e um bem pálido,#FBEBD3, para os fundos. - Traga a fria para equilibrar. Um azul-petróleo,
#1F7A8C, em detalhes como a logo, o avental e a porta. - Tenha um fundo fresco e escuro,
#0F3D4C, para cartazes e letreiros noturnos. Ele conversa com o azul-petróleo. - 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.
- Confira o texto. Letras escuras
#0F3D4Csobre o creme#FBEBD3têm folga: cerca de 10,0 para 1. Já o terracota#A5522Bsobre 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
- Wikipedia. Color theory.
- Johannes Itten. The Art of Color: The Subjective Experience and Objective Rationale of Color (1973).
- Onlineprinters. Colour contrasts in art: Complementary colours, Itten and the number 7.
- W3C. Understanding Success Criterion 1.4.3: Contrast (Minimum).
Escrito pela Equipe Tom a Tom. Veja como produzimos e revisamos em Política editorial.