O que é a cor em design de comunicação

A cor não existe só no objeto: resulta da luz, da superfície que a reflete e do observador que a interpreta. Em design de comunicação, a cor é uma ferramenta de decisão, não um enfeite.

• Luz: a cor vem da radiação visível, que o olho decompõe em vermelho, verde e azul.
• Superfície: um papel ou tinta absorve parte da luz e reflete o resto.
• Observador: o cérebro interpreta, e a mesma cor muda com o fundo e com a iluminação.
• Mensagem: a cor orienta o olhar, cria hierarquia, identifica marcas e transmite emoção.

Um técnico que domina a cor decide com critério, e não por gosto.

Como vemos a cor

• A retina tem cones (visão de cor, com sensibilidade ao vermelho, ao verde e ao azul) e bastonetes (visão com pouca luz, sem cor).
• Com pouca luz, as cores perdem saturação e o olho distingue sobretudo claro e escuro.
• Dois materiais diferentes podem parecer iguais sob uma luz e diferentes sob outra (metamerismo).
• A perceção depende do contexto: um cinzento parece mais claro sobre fundo escuro do que sobre fundo claro.

Por isso se aprovam cores sempre nas condições de visualização previstas para a peça final.

Círculo cromático e classificação

O círculo cromático organiza os matizes em círculo. O modelo tradicional de artes plásticas (RYB) parte do amarelo, vermelho e azul; os modelos de luz e de impressão usam outros trios.

• Cores quentes (amarelos, laranjas, vermelhos) e frias (verdes, azuis, violetas).
• Acromáticas: branco, preto e cinzentos, sem matiz.

Primárias em três sistemas

• No RGB, as complementares são vermelho e ciano, verde e magenta, azul e amarelo.
• No RYB, o complementar do vermelho é o verde; no RGB é o ciano.
• Por isso, o círculo escolhido deve coincidir com o suporte final da peça.

Síntese aditiva (luz)

Na síntese aditiva, a cor nasce de somar luzes. Parte do preto (ausência de luz) e chega ao branco.

• Primárias de luz: vermelho, verde e azul (RGB).
• Vermelho + verde = amarelo; verde + azul = ciano; azul + vermelho = magenta.
• Os três em intensidade máxima dão branco; todos a zero dão preto.
• Usa-se em ecrãs, televisão, projeção, câmaras e web.

Cada canal tem valores de 0 a 255 em 8 bits, o que dá cerca de 16,7 milhões de combinações.

Síntese subtrativa (pigmento)

Na síntese subtrativa, a cor nasce de subtrair luz: cada tinta absorve parte do espetro e a superfície reflete o resto. Parte do branco do papel.

• Primárias de impressão: ciano, magenta e amarelo (CMY).
• Ciano + magenta = azul; magenta + amarelo = vermelho; amarelo + ciano = verde.
• Os três juntos dariam um castanho escuro, nunca um preto limpo, por isso se junta o preto (K): CMYK.
• Usa-se em impressão offset, digital, serigrafia e plotters.

Aditiva e subtrativa lado a lado

• Há cores do ecrã que a impressão não reproduz, como verdes e azuis muito vivos e laranjas fluorescentes: estão fora de gama.
• A conversão de RGB para CMYK deve ser planeada, não deixada ao acaso na exportação.

Os três atributos da cor

• Matiz (hue): a família da cor, o que a distingue como vermelho, verde ou azul. Mede-se em graus no círculo (0° a 360°).
• Saturação: a pureza ou intensidade. Alta é vívida; baixa tende ao cinzento.
• Luminosidade, valor ou tom: quão clara ou escura é, do preto ao branco.

Em linguagem corrente, "tom" também designa a variação de uma cor, por isso convém dizer qual dos sentidos se usa.

Temperatura da cor

• Quentes: vermelhos, laranjas, amarelos. Avançam visualmente, dão energia e proximidade.
• Frias: azuis, verdes azulados, violetas. Recuam, transmitem calma e distância.
• A temperatura é relativa: um verde pode ser quente ao lado de um azul e frio ao lado de um amarelo.
• Em fotografia, a temperatura de cor da luz mede-se em kelvin: valores baixos dão luz alaranjada, valores altos dão luz azulada, e a luz do dia ronda os 5000 a 6500 K.
• Em edição, o controlo de temperatura e matiz corrige dominantes (fotografia amarelada ou azulada).

Modelos plano e volumétrico da cor

Um modelo plano representa os matizes (e, no máximo, uma fatia de tons) num plano; um modelo volumétrico representa os três atributos em simultâneo.

• O volume mostra que nem todos os matizes chegam à mesma saturação a todos os níveis de luminosidade.
• Os seletores de cor dos programas (HSB, HSL, RGB) são cortes destes modelos.

Os sete contrastes de cor

Johannes Itten descreveu sete contrastes que servem de vocabulário para analisar e construir composições:

1. Cor em si: cores puras, muito diferentes entre si.
2. Claro e escuro: diferença de luminosidade.
3. Quente e frio: temperatura.
4. Complementares: cores opostas no círculo.
5. Simultâneo: a cor muda por influência da vizinha.
6. Qualidade: saturada contra desaturada.
7. Quantidade: proporção entre áreas de cor.

O contraste de claro e escuro é o que mais pesa na legibilidade do texto.

Esquemas e harmonias cromáticas

• Uma regra prática: 60% cor dominante, 30% secundária, 10% de acento.
• Mesmo um esquema triádico vivo funciona com uma cor dominante e as outras em apoio.

Analisar o esquema de uma peça

Método em quatro passos para identificar esquema e paleta numa peça existente:

1. Recolher as cores dominantes (conta-gotas em programa de edição, a partir de uma imagem da peça).
2. Registar valores (hexadecimal ou RGB) e agrupar por matiz.
3. Localizar os matizes no círculo cromático e classificar: monocromático, análogo, complementar, triádico ou outro.
4. Avaliar proporção (dominante, secundária, acento) e legibilidade (contraste do texto sobre fundo).

• A análise inclui o que a cor faz: cria hierarquia, guia o olhar, identifica a marca.
• Registam-se as conclusões numa ficha de análise com imagem de apoio.

Psicologia e significado da cor

As cores despertam associações, mas nenhuma tem significado fixo: dependem de contexto, cultura e combinação.

• São tendências, e a cor trabalha sempre em conjunto com forma, tipografia e imagem.

Perspetiva cultural e valor subjetivo

• O mesmo matiz pode ter leituras opostas: o branco associa-se ao casamento em vários países ocidentais e ao luto em algumas culturas da Ásia; o vermelho associa-se a sorte e celebração em muitas tradições chinesas.
• Há leituras locais: cores de partidos, de clubes de futebol, de serviços públicos e de sinalização.
• O valor subjetivo (memórias, gostos pessoais) pesa na receção, mas não deve guiar a decisão do designer.
• Em projetos para públicos internacionais, pesquisa-se o significado em cada mercado antes de fixar a paleta.

O designer decide pelo público e pelo objetivo, e não pela cor que prefere.

Adequar a cor ao conceito e ao estilo

A cor serve o conceito. Perguntas a fazer antes de escolher:

• Quem vai ver a peça (idade, cultura, contexto)?
• Onde (ecrã, rua, embalagem, jornal) e com que luz?
• O que se quer transmitir (calma, urgência, tradição, inovação)?
• Que marcas concorrentes ocupam já certas cores?
• A cor combina com o estilo (minimalista, retro, editorial) e com a composição (hierarquia, espaços em branco)?

A cor depende de interdependências: tipografia, imagem, textura, grelha e espaço. Uma cor que funciona sobre papel mate pode falhar sobre papel brilhante.

Cor e hierarquia visual

• Cor de acento (10%): reserva-se para o que importa, botão, preço, título.
• Contraste e saturação atraem o olhar: o elemento mais saturado ou de maior contraste é visto primeiro.
• Cor para agrupar: itens da mesma cor lêem-se como família (secções de um jornal, linhas de um mapa de transportes).
• Cor para sinalizar estado: sucesso, aviso, erro. A cor não pode ser o único sinal (acrescentar ícone ou texto).
• Demasiadas cores diluem a hierarquia: o olhar não sabe onde parar.

RGB e hexadecimal

• RGB: três valores de 0 a 255. Exemplo: terracota rgb(224, 122, 95).
• Hexadecimal: o mesmo valor em base 16, três pares de dígitos precedidos de #. Cada par vai de 00 a FF.

• Conversão: E0 hexadecimal = 14 × 16 + 0 = 224.
• Usa-se sRGB como espaço de partida para a web; os perfis de cor definem como interpretar os valores.

CMYK e quadricromia

A quadricromia imprime cada cor como combinação de quatro tintas: Ciano, Magenta, Yellow (amarelo) e Key (preto). Cada valor é uma percentagem de 0 a 100.

• O preto (K) existe porque C+M+Y juntos não dão preto limpo, poupa tinta e dá nitidez ao texto.
• Texto pequeno deve ser só em K (uma única chapa), para evitar falhas de registo.
• Preto rico: grandes áreas escuras com K 100 e uma parte de C, M, Y (por exemplo, C 60, M 40, Y 40, K 100; os valores definem-se com a gráfica). Em texto, só em corpos muito grandes, e nunca em texto fino, pelo risco de desregisto.
• Cobertura total de tinta: a soma de C, M, Y e K tem limite, que depende do papel e do processo, e a gráfica indica-o.

A quadricromia reproduz milhares de cores, mas não todas: por isso existem as tintas diretas.

Monotonia, dicotomia e cores diretas

• A duas cores, o resultado pode ser tão forte como a quatro, e mais barato.
• Uma fotografia convertida a duotone usa as mesmas luminosidades, mas com a paleta de duas tintas.
• O que o referencial designa por dicotomia corresponde ao uso de duas cores.

Catálogos normalizados: Pantone

O Pantone Matching System (PMS) é um sistema de cores diretas com catálogo numerado. Cada cor tem um código e uma fórmula de mistura de tintas base, o que garante o mesmo resultado em gráficas diferentes.

• Os catálogos têm versões para papel revestido (sufixo C) e não revestido (sufixo U): a mesma referência parece diferente em cada papel.
• Quando uma cor direta não é impressa a quatro cores, converte-se para o equivalente CMYK mais próximo, que é só uma aproximação.
• O catálogo físico é a referência final, porque o ecrã não reproduz com rigor uma cor direta.
• Usam-se para cores de marca críticas, metálicos, fluorescentes e cores que o CMYK não alcança.

Tramas e reprodução de tons

Em impressão, os tons e as cores são criados por tramas: pequenos pontos de tinta de tamanho variável, que o olho funde.

• Lineatura: número de linhas de pontos por polegada (lpi). Valores mais altos em papel liso e revestido; mais baixos em jornal.
• Ângulos das tramas das quatro chapas são diferentes (por exemplo, C 15°, M 75°, Y 0°, K 45°) para evitar o moiré, o padrão indesejado.
• Ganho de ponto: o ponto cresce ao imprimir, e escurece o resultado.
• Em serigrafia e jornal, tramas mais grossas obrigam a imagens mais simples.
• Tramas também são um efeito gráfico: usadas como textura, dão estilo (pop, retro).

Perfis de cor e gestão de cor

Uma cor só é a mesma entre dispositivos se houver gestão de cor: um perfil ICC descreve como cada dispositivo ou processo reproduz a cor.

• Perfil de trabalho: sRGB para web; um espaço mais amplo (por exemplo, Adobe RGB) para fotografia e impressão.
• Perfil de impressão: fornecido pela gráfica, para o papel e o processo.
• Conversão: no fim do trabalho e com a intenção de reprodução certa (perceptual ou colorimétrica relativa).
• Calibração do monitor com colorímetro, para ver as cores com rigor.
• Visualização de provas sob luz normalizada de 5000 K (D50), em cabine própria.

Imagem estática e vetores

• As aplicações são informáticas de edição de imagem (por exemplo, Photoshop, GIMP, Affinity Photo) e de vetores (por exemplo, Illustrator, Inkscape, Affinity Designer).
• O modo de cor do documento decide-se no início: RGB para web; para impressão, RGB com a prova do perfil da gráfica ativa e conversão no fim (CMYK desde o início só se a gráfica o exigir).
• O vetor é a base das paletas de marca: amostras guardadas e reutilizáveis.

Ajustes de matiz, saturação e luminosidade

Os ajustes de cor alteram a imagem sem mudar o conteúdo:

• Matiz/Saturação/Luminosidade: rodar matizes, aumentar ou baixar a intensidade, clarear ou escurecer.
• Níveis e curvas: controlam sombras, meios-tons e luzes, e dão contraste.
• Equilíbrio de cores e temperatura: corrigem dominantes.
• Mapa de gradiente, duotone, filtro de fotografia: criam efeitos de cor (monocromia, duas cores).
• Trabalha-se com camadas de ajuste e máscaras, de forma não destrutiva: o original mantém-se.

Uma boa prática é guardar o original e aplicar todos os ajustes em camadas.

Roteiro prático nas aplicações

Em imagem e em vetores, o procedimento repete-se:

1. Documento com dimensões, modo de cor e perfil.
2. Amostras: recolher cores com o conta-gotas e guardá-las; em vetor, criar amostras globais.
3. Ajustes em camadas de ajuste (temperatura, matiz e saturação, mapa de gradiente) e máscaras.
4. Recolorir variantes alterando a amostra, e não cada forma.
5. Verificar: escala de cinzentos, simulação de daltonismo, razão de contraste.
6. Exportar com o perfil incorporado (SVG ou PDF).

Efeitos visuais com cor

• Duotone e monocromia: unificam imagens de origem diversa.
• Sobreposição e modos de mistura (multiplicar, ecrã, sobrepor): criam efeitos de luz e cor.
• Gradientes: transições suaves entre cores, bons para fundos e volume. Atenção ao banding (degraus visíveis).
• Transparência e opacidade: controlam a intensidade sem mudar a cor base.
• Recolorir: substituir cores de um vetor ou de uma imagem para variações de marca.

Todo o efeito deve respeitar a legibilidade e a clareza da mensagem: se o texto deixa de se ler, o efeito falhou.

Anatomia de uma paleta de projeto

Uma paleta é um conjunto fechado de cores com funções definidas.

• Cada cor tem nome, valores (hexadecimal, RGB, CMYK e, se houver, Pantone) e regras de uso.
• Para cada fundo, indica-se que cores de texto são permitidas.

Como criar a paleta, passo a passo

1. Briefing: público, suporte, mensagem, concorrência.
2. Referências: moodboard e pesquisa.
3. Cor-base (a dominante), escolhida por conceito.
4. Esquema: monocromático, análogo, complementar, triádico.
5. Variações de luminosidade (escalas de 5 a 9 degraus) para fundos, estados e texto.
6. Testar contraste de cada combinação texto e fundo.
7. Testar em escala de cinzentos e com simulação de daltonismo.
8. Converter para CMYK e Pantone e verificar a gama.
9. Documentar a paleta.

Aplicações como Adobe Color, Coolors ou o seletor de harmonias dos programas ajudam a gerar e guardar paletas.

Legibilidade e contraste (WCAG)

O contraste entre texto e fundo mede-se pela razão entre as luminâncias relativas. As WCAG (Diretrizes de Acessibilidade para o Conteúdo da Web) fixam mínimos:

• A razão varia de 1:1 (igual) a 21:1 (preto sobre branco).
• Exemplos: branco sobre azul-marinho #1F3A5F dá cerca de 11,5 : 1; branco sobre terracota #E07A5F dá cerca de 2,95 : 1 (falha em texto normal e também em texto grande).
• Quando a cor de marca falha, cria-se uma variante escura em vez de se baixar a exigência: a terracota escura #B5391A dá 5,9 : 1 sobre branco e 5,2 : 1 sobre o creme #F4F1DE, e é essa que leva texto, botões e ícones.
• Cinzento #767676 sobre branco é o cinzento mais claro que ainda cumpre 4,5 : 1.
• Verificam-se com verificadores de contraste.

Clareza da mensagem em peças impressas

• Texto de corpo: escuro sobre claro é o mais legível; texto invertido (claro sobre escuro) exige corpo maior e peso maior.
• Evitar texto sobre fundos de imagem sem uma película de cor ou degradé que garanta o contraste.
• Cuidado com cores de luminosidade igual: vermelho sobre verde, ou azul sobre vermelho, vibram e cansam.
• Papel não revestido absorve tinta e escurece as cores; papel revestido mantém-nas vivas.
• Em sinalética à distância, contraste e dimensão pesam mais do que o matiz.
• Teste: imprimir uma prova ou fazer simulação de impressão no programa.

Princípios do design inclusivo

O design inclusivo procura que a peça seja compreendida e usada pelo maior número possível de pessoas.

• Diversidade e inclusão: pensar em idades, capacidades, línguas e culturas diferentes.
• Acessibilidade: contraste, tamanho, não depender só da cor.
• Flexibilidade e adaptação: a peça funciona em várias versões (modo escuro, impressão a preto e branco).
• Clareza e comunicação efetiva: mensagem simples, hierarquia evidente.
• Representatividade e sensibilidade cultural: imagens, cores e símbolos que respeitam e representam as pessoas.

A inclusão começa no briefing, e não no fim, como correção.

Cor e visão das cores

• Cerca de 1 em cada 12 homens e 1 em cada 200 mulheres têm alguma deficiência na visão das cores, sobretudo na distinção entre vermelho e verde.
• Tipos: protanopia e deuteranopia (vermelho e verde), tritanopia (azul e amarelo), e formas parciais (anomalias).
• Regra WCAG: a cor não pode ser o único meio de transmitir informação.
• Soluções: ícones, texto, padrões, formas e contraste de luminosidade além do matiz.
• Gráficos: usar formas e rótulos diretos, além de cores distinguíveis.
• Ferramentas: simuladores de daltonismo nos programas de edição.

Sensibilidade cultural e representatividade

• Pesquisar o significado das cores, símbolos e gestos no público a quem a peça se dirige.
• Evitar estereótipos (cores associadas a género, a países ou a grupos).
• Imagens com pessoas diversas, de forma natural, e não como "cota".
• Linguagem clara, sem jargão desnecessário, e com tipografia legível.
• Rever as peças com pessoas do público sempre que possível.

O respeito pela diversidade é uma atitude profissional, e também uma exigência de qualquer cliente que queira chegar a todos.

Pesquisar referências e tendências

Referência é uma peça existente que inspira ou fundamenta; tendência é uma direção estética que se vai afirmando em determinado período.

• Trata-se de inspirar-se, e não de copiar: respeitam-se direitos de autor.

Do moodboard à decisão

1. Definir a pergunta: que mensagem, que público.
2. Recolher 15 a 30 referências de fontes variadas.
3. Agrupar por tema (cor, tipografia, textura, composição).
4. Extrair as paletas dominantes das referências.
5. Avaliar tendências: efémera (moda passageira) ou duradoura?
6. Decidir o que serve a marca e o projeto, justificando.

• Uma marca de longa duração pede cores duradouras, e a tendência fica para o acento.
• Registar as fontes numa lista, com data e ligação.

Gestão de ficheiros e arquivo

• Arquitetura de pastas simples e previsível: Cliente/Projeto/01_Briefing, 02_Referencias, 03_Trabalho, 04_Entrega, 05_Arquivo.
• Nomenclatura com padrão: projeto_peca_versao_data.formato (por exemplo, cobre-sal_cartaz_v03_2026-10-17.pdf). Sem espaços, acentos nem símbolos.
• Formatos: de trabalho (PSD, AI, INDD, SVG), de entrega (PDF, PNG, JPG, TIFF) e de arquivo.
• Versões: nunca sobrescrever, e guardar o histórico.
• Cópias de segurança: regra 3-2-1 (três cópias, dois suportes, uma fora do local).
• Paleta guardada como ficheiro de amostras e como PDF de referência.

Segurança, saúde e ambiente

Segurança e saúde no trabalho (posto com ecrã e produção):

• Posto de trabalho: ecrã à altura dos olhos, cerca de um braço de distância, pausas regulares e boa iluminação sem reflexos.
• Prevenir fadiga visual e lesões musculoesqueléticas: postura, apoio dos antebraços, alternar tarefas.
• Em oficina gráfica ou de prova: tintas e solventes com ficha de segurança, ventilação e luvas.

Proteção ambiental:

• Papéis com certificação florestal (como FSC ou PEFC) e tintas de base vegetal.
• Reduzir provas e desperdício, e reciclar papel, tinteiros e toners em circuitos próprios.
• Escolher menos tintas é também escolher menos impacto.

O fluxo completo da cor num projeto

1. Briefing: público, mensagem, suportes.
2. Pesquisa: referências e tendências.
3. Conceito de cor: significado, esquema.
4. Paleta: cor-base, variações, neutras, estados.
5. Verificação: contraste, daltonismo, escala de cinzentos.
6. Aplicação em imagem e em vetores, com ajustes e efeitos.
7. Conversão e produção: perfil, RGB, CMYK, Pantone, prova.
8. Entrega e arquivo: formatos, nomenclatura, guia de cor.

Cada etapa tem um registo: sem registo, a decisão não se defende.

Erros mais frequentes

• Escolher cores antes do briefing.
• Aprovar a cor no ecrã para uma peça impressa.
• Confiar no olho em vez de medir o contraste.
• Usar a cor como único sinal.
• Misturar RGB e CMYK sem planear a conversão.
• Ignorar o papel (revestido ou não) e o perfil.
• Demasiadas cores sem hierarquia.
• Nomear ficheiros sem padrão e sobrescrever versões.

Boas práticas finais

• Briefing primeiro, cor depois.
• Menos cores, com funções claras (60, 30, 10).
• Medir o contraste e testar em cinzentos e simulação de daltonismo.
• Provar em suporte real, com a gráfica e o perfil certos.
• Documentar a paleta e arquivar com método.
• Respeitar pessoas, culturas, saúde e ambiente.

Quem aplica estas práticas entrega peças legíveis, coerentes e que funcionam no mundo real.