Teoria da Cor Blogue
Artigos e guias sobre teoria da cor, design de interfaces, regras de harmonia cromática e acessibilidade na web.
Temperatura de Cor: Kelvin, Balanço de Branco e Design
O que a temperatura de cor realmente mede, como o Kelvin se relaciona com a sensação quente-fria de uma tela e como usar o raciocínio do balanço de branco para evitar que uma paleta digital escorregue para o laranja ou para o azul.
Como Criar Gradientes Que Não Parecem Turvos
Um guia do praticante para misturar gradientes de cor na UI: por que o ponto médio fica cinza, como a interpolação de matiz causa turvação e as jogadas — caminhos de matiz, múltiplas paradas e espaços de cor — que mantêm as mesclas limpas.
Como Escolher uma Paleta de Cores: Um Guia Passo a Passo
Um método prático de princípio a fim para escolher uma paleta de cores — escolher uma matiz base, escolher uma regra de harmonia, atribuir proporções 60/30/10, verificar o contraste WCAG e testar em contexto real.
Como Criar Paletas Acessíveis para Daltónicos
Um guia prático para criar paletas acessíveis a pessoas daltónicas — os principais tipos de défice de visão das cores, porque é que a matiz nunca é suficiente por si só, combinações seguras e como testar com simuladores.
Como Escolher um Esquema de Cores para o Seu Website
Um guia prático e específico para a web sobre como construir um verdadeiro esquema de cores para um website — cor primária, neutros, texto legível, um destaque/CTA, estados semânticos e cores de links — montado a partir de uma paleta gerada e testado quanto à acessibilidade.
A Regra 60-30-10: Equilibrar a Cor no Design
Um guia de praticante sobre a regra 60-30-10 — como a proporção de cor cria equilíbrio no design de UI e web, com exemplos reais em hex, erros comuns e um método repetível.
Cores Quentes vs Frias: Usar a Temperatura da Cor no Design
Um guia prático sobre a temperatura da cor — que cores são quentes e quais são frias e porquê, como o quente avança e o frio recua, a temperatura dentro de uma mesma matiz e como equilibrar ambas numa só paleta com códigos hexadecimais reais.
Tintas, Sombras e Tons Explicados
Um guia prático sobre tintas, sombras e tons — o que é cada um, como o valor difere da saturação, e como construir uma escala monocromática limpa a partir de uma só matiz usando HSL, com exemplos hexadecimais reais para superfícies, estados de hover e desativados de interface.
Códigos de Cor HEX, RGB e HSL Explicados
Uma análise prática e sem rodeios dos códigos de cor HEX, RGB e HSL — o que cada um realmente codifica, quando recorrer a qual, e porque é que o HSL é o formato que vai querer para ajustar tints e shades.
Como Usar uma Roda de Cor para Escolher Cores
Um guia prático para usar de facto uma roda de cor: como a matiz, a saturação e a luminosidade se mapeiam nela, a diferença entre RYB e RGB que as ferramentas modernas introduzem, e como ler cada harmonia como um ângulo.
Compreender a Harmonia de Cores no Design de UI
Um guia prático sobre harmonia de cores no design de UI — como funciona cada esquema da roda das cores, exemplos reais em hexadecimal, os papéis dominante/secundário/de destaque e os erros a evitar.
Rácios de Contraste WCAG Explicados: Um Guia Prático para Designers
O guia prático de um designer sénior sobre rácios de contraste WCAG — o que 4,5:1, 3:1 e 7:1 realmente significam, AA vs AAA, texto grande vs normal, a regra 1.4.11 para elementos não textuais, e como medir e corrigir contraste baixo.
A Psicologia da Cor no Branding: Um Guia Prático
A visão de um designer sénior sobre psicologia da cor no branding — o que as cores realmente sinalizam, por que os clichés estão meio errados, e um processo prático para escolher cores de marca com intenção.
Criar Tokens de Cor Escaláveis para Design Systems
Um guia prático para estruturar tokens de cor primitivos, semânticos e de componente — convenções de nomenclatura, escalas numéricas, temas para modo escuro, e os erros que silenciosamente partem os design systems à medida que crescem.
Boas Práticas para Paletas de Cores em Modo Escuro
Um guia prático para construir paletas de cores em modo escuro que funcionam de verdade — cobrindo cinzentos escuros em vez de preto puro, elevação, acentos dessaturados, contraste WCAG e os erros que vejo com mais frequência.
Complementar Dividida vs Tríade: O Guia Prático de um Designer
Uma comparação prática entre os esquemas de cor complementar dividida e tríade — os ângulos exatos na roda, o ambiente que cada um produz, exemplos trabalhados em hexadecimal e como escolher entre eles.