Blog
Teoria das cores, histórias de marcas e guias de design.
Criando um Sistema de Cores de Marca do Zero
Guia passo a passo para criar um sistema de cores de marca: escolha de cor primaria, secundaria, neutros, cores semanticas e documentacao que escala entre equipes.
Atualizado Fev 25, 2026
Gerando Imagens OG Coloridas com Next.js e Satori
Gere imagens Open Graph dinâmicas com Next.js e Satori. Crie templates OG com consciência de cor, gradientes, cores de marca e designs responsivos.
Atualizado Fev 24, 2026
Cores Split-Complementares: O Segredo do Designer
Esquemas de cores split-complementares oferecem o contraste visual dos pares complementares com muito menos tensão. Aprenda como encontrá-los, usá-los e por que os designers os preferem.
Atualizado Fev 23, 2026
Cores da Marca Amazon: Do Marrom da Livraria ao Laranja Sorriso
Acompanhe a evolucao das cores da marca Amazon, do marrom da livraria ao icônico laranja sorriso (#FF9900). Explore o azul Prime, as cores da AWS e as paletas das submarcas.
Atualizado Fev 22, 2026
Obangsaek Coreano (오방색): As Cinco Cores Cardinais
Descubra o Obangsaek coreano (오방색), as cinco cores cardinais enraizadas na filosofia yin-yang. Aprenda seus significados, direções e uso no design coreano atual.
Atualizado Fev 22, 2026
Quantas Cores o Olho Humano Consegue Ver?
O olho humano consegue distinguir cerca de 10 milhões de cores. Aprenda como funcionam as células cônicas, o que é tetracromacia e por que as telas só exibem uma fração do que vemos.
Atualizado Fev 21, 2026
Estilos vs Variáveis de Cores no Figma: Quando Usar Cada Um
Compare estilos e variáveis de cores no Figma. Aprenda as diferenças essenciais, caminhos de migração e melhores práticas para equipes que gerenciam tokens de cores em sistemas de design.
Atualizado Fev 20, 2026
A Psicologia do Azul: Confiança, Calma e Autoridade
Descubra por que o azul domina o branding corporativo e as redes sociais. Explore a psicologia do azul — confiança, calma, autoridade — com códigos hex e exemplos reais de marcas.
Atualizado Fev 19, 2026
Pantone Color of the Year 2026: Cloud Dancer — The First White
Cloud Dancer (PANTONE 11-4201) is the 2026 Color of the Year — the first white ever selected. Explore its hex code #F0EEE9, cultural significance, design applications, and complementary palettes.
Atualizado Fev 18, 2026
Propriedades Personalizadas CSS para Sistemas de Cores Dinâmicos
Aprenda a construir sistemas de cores sustentáveis e com suporte a temas usando propriedades personalizadas CSS. Abrange variáveis, modos claro/escuro e alterações de cores em tempo real com JS.
Atualizado Fev 18, 2026
Cores do Mediterrâneo: Sol, Mar e Terracota
Descubra paletas de cores do Mediterrâneo com códigos hex — azul grego, terracota italiana, azulejos espanhóis, tons joalheiros marroquinos e inspiração para design costeiro.
Atualizado Fev 16, 2026
sRGB vs Display P3: Explicando as Cores de Gama Ampla
sRGB vs Display P3: aprenda o que são gamas de cores, por que o P3 é 25% mais amplo que o sRGB, como usar CSS color(display-p3) e quais dispositivos suportam gama ampla.
Atualizado Fev 16, 2026
Cores da Marca Slack: Do Xadrez à Harmonia de Quatro Cores
Acompanhe a evolução das cores do Slack, do logotipo xadrez original com 11 cores ao rebranding simplificado com 4 cores. Saiba por que a simplificação fortaleceu a marca.
Atualizado Fev 15, 2026
O Que É Metamerismo? Por Que as Cores Parecem Diferentes Sob Luzes Diferentes
Entenda o metamerismo — por que as cores combinam sob uma luz mas parecem diferentes sob outra. Aprenda sobre metamerismo de iluminante, observador e tamanho de campo e como testá-lo.
Atualizado Fev 14, 2026
Como Verificar o Contraste de Cores para Conformidade com WCAG
Aprenda a verificar as taxas de contraste de cores para conformidade com WCAG AA e AAA. Guia passo a passo com exemplos práticos de códigos hex e armadilhas comuns a evitar.
Atualizado Fev 13, 2026
Psicologia das Cores em Design de Embalagem
Descubra como a psicologia das cores orienta decisões de design de embalagem. Aprenda convenções de cores por categoria, estratégias de impacto nas prateleiras, sinais de sustentabilidade e indicadores de premium que influenciam o comportamento de compra.
Atualizado Fev 13, 2026
Cores do Tailwind CSS: Guia Completo do Sistema de Tons
Domine o sistema de cores do Tailwind CSS: a paleta padrão, a convenção de tons de 50 a 950, cores personalizadas no config e a nova abordagem de variáveis CSS no Tailwind v4.
Atualizado Fev 11, 2026
Cor em Micro-Interações: Estados de Hover, Foco e Ativo
Domine o uso de cores em micro-interações — prévias de hover, guia de foco, feedback ativo. Construa cores de estado consistentes em componentes de UI.
Atualizado Fev 11, 2026
Entendendo Valor e Contraste de Cores no Design
Aprenda como o valor de cor — luminosidade e escuridão — controla hierarquia visual, legibilidade e acessibilidade. Inclui o teste do franzir os olhos, implicações WCAG e exemplos práticos.
Atualizado Fev 10, 2026
Simbolismo das Cores na Índia: Holi e Muito Mais
Explore o simbolismo das cores na Índia, do festival Holi ao vermelho nupcial e ao açafrão sagrado. Descubra os códigos hex e os significados culturais da vibrante paleta indiana.
Atualizado Fev 09, 2026
Cores da Marca Airbnb: A Historia por Tras do Vermelho Rausch
Explore o Vermelho Rausch (#FF5A5F) do Airbnb, a evolucao de cores do simbolo Belo e como o Airbnb usa cores para criar confianca e pertencimento no branding de viagens.
Atualizado Fev 08, 2026
Contraste de Cores WCAG: O Guia Completo para Desenvolvedores
Domine os requisitos de contraste de cores da WCAG 2.1. Aprenda os níveis AA e AAA, métodos de teste, ferramentas automatizadas e como corrigir violações de contraste no seu código.
Atualizado Fev 07, 2026
Branco É uma Cor? Luz, Pigmento e Percepção
Branco é uma cor ou a ausência de cor? Explore a ciência da luz, o mundo dos pigmentos e como o branco é usado no design — do #FFFFFF aos brancos quentes.
Atualizado Fev 07, 2026
A Psicologia do Preto e do Branco no Design
Descubra a psicologia do preto e do branco no design — sofisticação, pureza, poder e contraste. Aprenda a usar o monocromático de forma eficaz com códigos hex e orientações de acessibilidade.
Atualizado Fev 06, 2026
Cor no Design de Navegação: Estados Ativos e Wayfinding
Use a cor de forma eficaz no design de navegação. Aprenda contraste de estados ativos, cores de breadcrumb, destaque de sidebar e padrões de navegação móvel.
Atualizado Fev 05, 2026
Implementando o Modo Escuro: Um Guia Completo para Desenvolvedores
Aprenda a implementar o modo escuro usando propriedades personalizadas CSS, prefers-color-scheme, alternâncias em JavaScript e estratégias adequadas de adaptação de cores para qualquer projeto web.
Atualizado Fev 04, 2026
Cores Complementares: A Arte do Contraste
Descubra como as cores complementares funcionam, como encontrá-las na roda de cores e como usar matizes opostos para criar designs marcantes e de alto contraste.
Atualizado Fev 03, 2026
Cores Tradicionais Japonesas (日本の伝統色): Um Guia Completo
Explore as cores tradicionais japonesas (日本の伝統色) com códigos hex, significados culturais e associações sazonais. Do índigo ai-iro ao rosa sakura.
Atualizado Fev 03, 2026
Cores das Exchanges de Criptomoedas: Binance, Coinbase, Kraken
Compare as cores das exchanges de criptomoedas, do ouro da Binance ao azul da Coinbase e ao roxo da Kraken. Analise o que as escolhas de cores comunicam sobre confiança e negociação.
Atualizado Fev 02, 2026
Criando um Seletor de Cores como Web Component do Zero
Crie um seletor de cores acessível como Web Component. Implemente renderização em canvas, sliders de matiz, canais alfa e eventos customizados com Shadow DOM.
Atualizado Fev 02, 2026
O Que É Pantone? A Linguagem Universal das Cores
Entenda o Sistema Pantone de Correspondência — como os números Pantone funcionam, diferenças entre PMS e CMYK, a tradição da Cor do Ano e quando especificar cores Pantone.
Atualizado Fev 01, 2026
Seletor de Cores OKLCH: Por Que Designers Estão Migrando
Descubra por que os seletores de cores OKLCH produzem resultados melhores do que o HSL. Aprenda sobre luminosidade perceptual, croma uniforme e como construir paletas no espaço de cor OKLCH.
Atualizado Jan 31, 2026
CSS color-mix(): Misture Cores Nativamente no Navegador
Aprenda CSS color-mix() para misturar cores nativamente no navegador. Domine a sintaxe, espaços de cores, casos de uso práticos e crie paletas dinâmicas sem JavaScript.
Atualizado Jan 31, 2026
A Psicologia do Verde: Natureza, Crescimento e Equilíbrio
Explore a psicologia do verde no branding e no design. Do Starbucks ao Spotify, aprenda como o verde sinaliza natureza, dinheiro, sustentabilidade e crescimento com códigos hex reais.
Atualizado Jan 30, 2026
Sistema de Cores do Material Design: A Abordagem do Google
Explore o sistema de cores do Material Design do Google: paletas tonais, papéis primário/secundário, Cor Dinâmica (Material You) e exemplos de implementação com hex.
Atualizado Jan 29, 2026
Gamut de Cores Explicado: sRGB, P3 e Rec. 2020
Entenda os gamuts de cores — sRGB, Display P3 e Rec. 2020 — e como usar cores de gamut amplo no CSS com @media (color-gamut) para monitores modernos. Com exemplos práticos.
Atualizado Jan 28, 2026
Opacidade, Transparência e Canais Alpha Explicados
Entenda a diferença entre opacidade, transparência e canais alpha. Abrange CSS opacity vs rgba/hsla, técnicas de camadas e dicas de desempenho para overlays.
Atualizado Jan 28, 2026
A História da Pantone: Como Uma Empresa Padronizou as Cores
A história completa da Pantone: da visão de Lawrence Herbert em 1963 ao Sistema de Correspondência Pantone, à Cor do Ano e aos padrões de cores digitais usados mundialmente.
Atualizado Jan 27, 2026
Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared
A decade-by-decade analysis of every Pantone Color of the Year from 2000 to 2026. Compare color trends, cultural influences, and the evolution of 27 years of color selections.
Atualizado Jan 26, 2026
Qual É a Cor do Índigo? Entre o Azul e o Violeta
O índigo é um azul-violeta profundo com o código hex #4B0082, situado entre o azul e o violeta no arco-íris. Conheça sua história como corante, a conexão com o jeans e seus usos no design.
Atualizado Jan 25, 2026
Adobe Color (color.adobe.com): Guia Completo
Domine o Adobe Color para criacao de paletas, extracao de imagens, testes de acessibilidade e integracao com CC Library. Guia completo dos recursos do color.adobe.com.
Atualizado Jan 24, 2026
A Psicologia do Roxo: Luxo, Criatividade e Mistério
Explore por que o roxo sinaliza luxo, criatividade e mistério em branding e design. Da história real ao Twitch e à Cadbury, aprenda a usar o roxo com confiança.
Atualizado Jan 24, 2026
Geração Dinâmica de Cores: Algoritmos para Sistemas de Design
Aprenda os algoritmos por trás da geração de tonalidades, seleção de cores com verificação de contraste, derivação de paletas para modo escuro e geração de temas a partir de uma única cor de marca para sistemas de design.
Atualizado Jan 22, 2026
Funções de Cor CSS: rgb(), hsl(), oklch() Comparadas
Compare todas as funções de cor CSS — rgb(), rgba(), hsl(), hsla(), lab(), lch(), oklch() e color-mix(). Aprenda qual usar, quando, e como está o suporte nos navegadores.
Atualizado Jan 22, 2026
Espaços de Cor Perceptuais: Lab, LCH, Oklab, OKLCH
Explore espaços de cor perceptualmente uniformes — CIE Lab, LCH, Oklab e OKLCH. Aprenda como cada um foi projetado, onde se destaca e qual usar para CSS e trabalho de design.
Atualizado Jan 22, 2026
Esquemas de Cores Triádicas: Design Ousado e Equilibrado
Aprenda como os esquemas de cores triádicas usam três matizes igualmente espaçados para criar paletas vibrantes e equilibradas. Inclui exemplos, códigos hex e dicas de design para web e branding.
Atualizado Jan 21, 2026
Teoria das Cores da Bauhaus: Kandinsky, Klee e Itten
Explore a teoria das cores da Bauhaus por Itten, Kandinsky e Klee. Aprenda sobre as associacoes forma-cor primarias, a esfera de cores e o legado da Bauhaus no design moderno.
Atualizado Jan 20, 2026
Cores de Marcas de Luxo: Preto, Dourado e a Arte da Exclusividade
Explore como Chanel, Louis Vuitton, Hermès e Tiffany usam cores para sinalizar exclusividade. Aprenda a psicologia do preto, dourado e as cores de marcas de luxo.
Atualizado Jan 19, 2026
Diferença Entre Magenta e Fúcsia
Magenta e fúcsia compartilham o mesmo código hex #FF00FF no CSS, mas são tratadas como cores distintas. Veja a análise técnica e histórica completa.
Atualizado Jan 19, 2026
Documentando Cores no Storybook: Padrões e Add-ons
Documente sistemas de cores no Storybook com stories de paleta, verificações de acessibilidade e documentação gerada automaticamente. Melhores add-ons e padrões para documentação de cores.
Atualizado Jan 18, 2026
A Psicologia do Vermelho: Paixão, Urgência e Poder
Explore a psicologia do vermelho — por que ele desperta urgência, paixão e poder no marketing, web design e na cultura. Inclui códigos hex e exemplos reais de marcas.
Atualizado Jan 17, 2026
Criando Paletas de Cores Acessíveis para Todos
Aprenda a criar paletas de cores acessíveis que atendam aos padrões WCAG. Abrange daltonismo, taxas de contraste, codificação redundante e fluxos de teste com exemplos reais.
Atualizado Jan 16, 2026
Componentes Auto Layout do Figma com Tokens de Cores
Construa componentes auto layout do Figma com arquitetura de tokens de cores. Aprenda vinculação de variáveis, tokens responsivos, variantes de tema e handoff para desenvolvedores.
Atualizado Jan 15, 2026
Tonalidade, Saturação e Luminosidade: O Modelo de Cores HSL
Domine o modelo de cores HSL: aprenda o que significam tonalidade, saturação e luminosidade, como o HSL funciona no CSS e como ele se compara ao HSV para melhores decisões de cor.
Atualizado Jan 15, 2026
Paleta de Cores Art Deco: Glamour e Design Geométrico
Explore paletas de cores Art Deco com códigos hex — dourado, preto, esmeralda, safira e rubi. Descubra o glamour dos anos 1920 e como usar cores Art Deco no design moderno.
Atualizado Jan 14, 2026
Prova de Cores: Garantindo Cores de Impressão Precisas
Aprenda técnicas de soft proofing, hard proofing e prova de prensa para garantir reprodução precisa de cores na impressão, da tela ao produto final.
Atualizado Jan 13, 2026
Por Que a Starbucks Escolheu o Verde: A História por Trás do Verde Starbucks
Explore por que a Starbucks escolheu o verde como cor de marca, a evolução do seu logotipo e o código hex exato #006241 que define uma das marcas mais icônicas do mundo.
Atualizado Jan 13, 2026
CMYK para Web Designers: Quando a Impressao Encontra a Tela
Web designers que trabalham em projetos de impressao precisam entender CMYK. Aprenda sobre diferencas de gama, estrategias seguras de conversao RGB para CMYK, fluxos de prova e armadilhas comuns.
Atualizado Jan 12, 2026
Aqua vs Teal vs Turquoise: Distinguindo os Tons Azul-Esverdeados
Compare aqua (#00FFFF), teal (#008080) e turquoise (#40E0D0). Aprenda as diferenças de código hex, distinções visuais e quando usar cada tom azul-esverdeado.
Atualizado Jan 12, 2026
Personalização de Cores no shadcn/ui: Temas com Variáveis CSS
Personalize as cores do shadcn/ui com variáveis CSS em HSL. Crie temas customizados, integre o modo escuro e sincronize com o Tailwind CSS para estilização consistente de componentes.
Atualizado Jan 11, 2026
Como a Cor Influencia Emoção e Tomada de Decisão
Descubra como a cor influencia emoção e tomada de decisao. Pesquisas mostram que 85% das decisoes de compra envolvem a cor. Aprenda a ciencia por tras da psicologia das cores.
Atualizado Jan 10, 2026
Como o Papel Afeta a Cor: Substrato e Qualidade de Impressão
Entenda como o tipo, o revestimento e o gramado do papel afetam a cor impressa. Aprenda as diferenças entre papéis revestidos, não revestidos e especiais para precisão de cor.
Atualizado Jan 09, 2026
Cor nos Fluxos de Onboarding: Primeiras Impressões e Orientação
Crie experiências de onboarding eficazes com o uso estratégico de cores. Aprenda sobre paletas de tela de boas-vindas, indicadores de progresso, tooltips e momentos de celebração.
Atualizado Jan 09, 2026
Tint, Shade e Tone: Qual é a Diferença?
Entenda a diferença entre tint, shade e tone na teoria das cores. Aprenda como adicionar branco, preto ou cinza transforma qualquer cor, com exemplos de códigos hex.
Atualizado Jan 08, 2026
Estampagem a Foil e Cores Metálicas no Design Gráfico
Aprenda sobre técnicas de estampagem a foil, opções de tinta metálica, escolhas de foil dourado e prateado e considerações de design para materiais impressos premium.
Atualizado Jan 08, 2026
Tradições de Cores Africanas: Do Pano Kente ao Design Moderno
Explore as tradicoes de cores africanas, do pano Kente e murais Ndebele ao vermelho Maasai e ao design africano contemporaneo. Descubra significados simbolicos e codigos hex.
Atualizado Jan 07, 2026
Cores da Marca Avalanche: Velocidade em Vermelho no Cripto
Descubra a identidade de marca ousada da Avalanche com o vermelho (#E84142), o significado do logotipo triangular e como o vermelho comunica velocidade e poder no ecossistema blockchain.
Atualizado Jan 06, 2026
Arquitetura de Cores Multi-Marca: Um Código, Vários Temas
Construa arquitetura de cores multi-marca com propriedades customizadas CSS e design tokens. Suporte a temas white-label a partir de um único código com integração ao Tailwind.
Atualizado Jan 06, 2026
Qual É a Cor do Marfim? Além do Branco Puro
O marfim é um branco quente e suave com o código hex #FFFFF0. Saiba como ele difere do creme, do off-white e do casca de ovo — com aplicações em casamentos e web design.
Atualizado Jan 05, 2026
Como Encontrar a Cor Complementar Perfeita
Aprenda a encontrar cores complementares usando o círculo cromático, fórmulas matemáticas e o gerador de paletas. Inclui padrões de design e exemplos de códigos hex.
Atualizado Jan 04, 2026
A Psicologia do Amarelo: Otimismo, Calor e Cautela
Por que o amarelo é usado em táxis, sinais de aviso e marcas alegres? Explore a psicologia do amarelo com códigos hex e aplicações reais de design.
Atualizado Jan 04, 2026
Cor no Design de Dashboards: Status, Alertas e KPIs
Projete sistemas de cores eficazes para dashboards: indicadores de status, pontuação RAG, paletas de gráficos e severidade de alertas. Crie interfaces de dados acessíveis e escaneáveis.
Atualizado Jan 03, 2026
Cor em 3D e WebGL: Espaço de Cor Linear e PBR
Entenda a cor em renderização 3D — sRGB vs RGB linear, correção de gamma, cores de renderização fisicamente baseada, gerenciamento de cores no Three.js e HDR em 3D web.
Atualizado Jan 02, 2026
Mapeamento de Gamut de Cores: Convertendo Entre Espaços de Cor
Entenda o mapeamento de gamut de cores: o que são cores fora do gamut, como funcionam o recorte vs a compressão perceptual, e como o CSS lida com o mapeamento de gamut em 2026.
Atualizado Jan 01, 2026
Cores do Design Escandinavo: A Paleta Nórdica
Explore as cores do design escandinavo: a paleta nórdica de brancos invernais, verdes da natureza, quentes de hygge e tons terrosos suaves. Inclui códigos hex para cada cor.
Atualizado Dez 31, 2025
O Que É um Código Hex? A Linguagem da Cor Digital
Aprenda o que são os códigos de cor hex, como o sistema hexadecimal codifica os valores RGB, a notação abreviada de 3 dígitos, o hex alfa de 8 dígitos e como encontrar códigos hex para qualquer cor.
Atualizado Dez 30, 2025
Cores da Marca Tether: O Verde Confiável da Stablecoin
Entenda a cor verde (#26A17B) da marca Tether e como o branding de stablecoins usa o verde para transmitir estabilidade, confiança e paridade com o dólar.
Atualizado Dez 30, 2025
Testando Acessibilidade de Cores no Figma: Plugins e Fluxos de Trabalho
Teste acessibilidade de cores no Figma com Stark, plugins A11y e simuladores de daltonismo. Crie fluxos de trabalho acessiveis com verificacao em lote e handoff.
Atualizado Dez 29, 2025
Cor para Contar Histórias com Dados: Além das Paletas Padrão
Vá além das cores padrão de gráficos para narrar histórias com dados. Aprenda paletas sequenciais, divergentes e categóricas, acessibilidade em dataviz e escalas de cores em D3/Chart.js.
Atualizado Dez 29, 2025
Significados das Cores entre Culturas: Um Guia Global
Os significados das cores variam dramaticamente entre culturas. Vermelho significa sorte na China, mas perigo no Ocidente. Branco significa luto na Asia. Um guia para designers globais.
Atualizado Dez 28, 2025
Tendências de Cores em Web Design 2026
Descubra as maiores tendências de cores em web design de 2026: evolução do modo escuro, renascimento de gradientes, tons terrosos suaves, destaques neon e exemplos de paletas glassmorphism.
Atualizado Dez 27, 2025
Animação de Cores em CSS: Transições e Keyframes
Domine a animacao de cores em CSS com transicoes, animacoes de keyframe, rotacao de matiz HSL, interpolacao OKLCH para suavidade perceptual e boas praticas de performance.
Atualizado Dez 26, 2025
Teoria da Mistura de Cores: Aditivo vs. Subtrativo
A mistura de cores aditiva e subtrativa explica por que as cores de tela (RGB) e as cores de impressão (CMYK) se comportam de forma tão diferente. Conheça a ciência e como ela se aplica ao design.
Atualizado Dez 25, 2025
Cores Tradicionais Chinesas: Simbolismo e Significado
Explore as cores tradicionais chinesas com codigos hex: amarelo imperial, vermelho da sorte, branco do luto e os cinco elementos. Um guia completo sobre o simbolismo das cores na China.
Atualizado Dez 25, 2025
Função CSS light-dark(): Alternância Nativa de Tema
Use CSS light-dark() para alternância nativa de tema. Substitua toggles JavaScript e media queries por uma única função CSS para cores em modo claro e escuro.
Atualizado Dez 24, 2025
Esmeralda vs Jade vs Verde Floresta: Guia de Comparação de Verdes
Compare esmeralda (#50C878), jade (#00A86B) e verde floresta (#228B22). Conheça as diferenças visuais e os códigos hex entre essas populares tonalidades de verde.
Atualizado Dez 24, 2025
Cores da Marca Solana: O Gradiente que Representa Velocidade
Explore o gradiente característico roxo-teal da Solana, o que ele representa sobre velocidade e inovação, e os códigos hex exatos da paleta da marca Solana.
Atualizado Dez 24, 2025
O Que Torna uma Cor 'Quente' ou 'Fria'?
Cores quentes e frias são um conceito fundamental do design — mas as regras são mais complexas do que parecem. Aprenda a ciência do círculo cromático, temperatura relativa e dicas práticas.
Atualizado Dez 23, 2025
Guia de Gradientes CSS: Gradientes Lineares, Radiais e Cônicos
Domine os gradientes CSS: sintaxe linear, radial e cônica com exemplos práticos, paradas de cor, ângulos e dicas para usar uma ferramenta geradora de gradientes.
Atualizado Dez 22, 2025
A Psicologia do Laranja: Energia, Entusiasmo e Diversão
O laranja é a cor do entusiasmo, da ação e da acessibilidade. Descubra como marcas da Amazon ao Bitcoin usam a psicologia do laranja para gerar engajamento e reconhecimento.
Atualizado Dez 21, 2025
Cor no Design de Aplicativos Móveis: Diretrizes de Plataforma
Domine a cor no design de aplicativos móveis. Diretrizes da Interface Humana do iOS, sistema de cores do Material Design 3, modo claro/escuro adaptativo, Dynamic Island e melhores práticas de cores do sistema.
Atualizado Dez 21, 2025
Modelo de Cor RGB: Como as Telas Exibem Cores
Entenda como o modelo de cor RGB funciona — mistura de luz vermelha, verde e azul, o intervalo de 0 a 255, a função CSS rgb() e por que telas podem exibir 16,7 milhões de cores.
Atualizado Dez 20, 2025
Diferença Entre Ciano e Turquesa
Ciano (#00FFFF) e turquesa (#40E0D0) parecem semelhantes, mas diferem fundamentalmente em posição no modelo de cores, saturação e aplicação. Veja a análise completa.
Atualizado Dez 19, 2025
Harmonia de Cores: Por que Algumas Cores Funcionam Juntas
Entenda por que algumas cores funcionam juntas e outras conflitam. Explore a harmonia de cores natural, cultural e matemática com exemplos práticos de construção de paletas.
Atualizado Dez 19, 2025
Rosa Barbie: A Cor que Construiu um Imperio
Explore a historia do Rosa Barbie (#DA1884), desde a designacao da Pantone ate o fenomeno do filme de 2023, e como um unico tom de rosa construiu um imperio cultural bilionario.
Atualizado Dez 18, 2025
Lilás vs Lavanda vs Malva: Os Sutis Parentes do Roxo
Compare lilás (#C8A2C8), lavanda (#E6E6FA) e malva (#E0B0FF). Aprenda as diferenças sutis entre essas cores adjacentes ao roxo com códigos hex e casos de uso.
Atualizado Dez 17, 2025
Correção de Cores no Photoshop: Curvas, Níveis e HSL
Domine a correção de cores no Photoshop com ajustes de Curvas, Níveis e HSL. Aprenda a ler histogramas, corrigir balanço de branco e técnicas profissionais de gradação de cores.
Atualizado Dez 16, 2025
Cor no Marketing: Como as Marcas Usam a Cor para Vender
Como as marcas usam a cor para impulsionar vendas e fidelidade? De ganhos de 80% no reconhecimento de marca a testes A/B de CTA, aprenda o ROI da cor estratégica no marketing.
Atualizado Dez 16, 2025
Mudanças de Cores no Tailwind CSS v4: O Que Desenvolvedores Precisam Saber
Entenda as mudanças de cores no Tailwind CSS v4, incluindo configuração CSS-first, OKLCH internamente, novos utilitários de cor e guia de migração a partir do v3.
Atualizado Dez 15, 2025
Fluxo de Trabalho de Gerenciamento de Cores: Da Tela à Impressão
Domine o gerenciamento de cores, da calibração do monitor à prova de impressão. Aprenda como perfis ICC, soft proofing e um fluxo de trabalho consistente mantêm as cores precisas da tela à impressão.
Atualizado Dez 14, 2025
Espaço de Cor CIELAB: Como os Humanos Realmente Enxergam as Cores
O CIELAB (L*a*b*) e o espaco de cor projetado para corresponder a visao humana. Saiba como os eixos L*, a* e b* funcionam, o que significa Delta E e por que o Lab e essencial na ciencia das cores.
Atualizado Dez 13, 2025
Rosa vs Magenta vs Rosé: Entendendo a Família do Rosa
Compare rosa (#FFC0CB), magenta (#FF00FF) e rosé (#FF007F). Entenda a família das cores rosa, as diferenças nos códigos hex e as aplicações de design para cada uma.
Atualizado Dez 12, 2025
Psicologia das Cores no Fast Food: Vermelho e Amarelo em Todo Lugar
Por que McDonald's, KFC e Burger King usam vermelho e amarelo? Descubra a ciência da psicologia das cores no fast food e como ela estimula o apetite e as vendas.
Atualizado Dez 12, 2025
Como Usar um Simulador de Daltonismo para Design Acessível
Aprenda a usar um simulador de daltonismo para criar interfaces acessiveis. Cobre deuteranopia, protanopia, tritanopia e diretrizes praticas de design com exemplos reais.
Atualizado Dez 11, 2025
Cor em Design Systems em Escala: Lições da Shopify, GitHub e Atlassian
Aprenda padrões de arquitetura de cores da Shopify Polaris, GitHub Primer e tokens do Atlassian Design System. Descubra como grandes design systems gerenciam decisões de cores.
Atualizado Dez 10, 2025
Construindo um Sistema de Cores para Seu Design System
Crie uma arquitetura de cores sistemática para seu design system com convenções de nomenclatura, geração de escalas de tonalidades, tokens semânticos e padrões de implementação.
Atualizado Dez 09, 2025
Cores Quentes vs Cores Frias: Psicologia e Casos de Uso
Explore cores quentes vs frias no design e na psicologia. Aprenda quais códigos hex são quentes ou frios e como combinar temperaturas de cor para impacto visual.
Atualizado Dez 08, 2025
A Evolucao da Apple: Do Arco-Iris ao Monocromatico
Explore como as cores da marca Apple evoluiram de um logo arco-iris de seis cores ate o monocromatico minimalista — e o que a paleta de cada era revela sobre a identidade da empresa.
Atualizado Dez 07, 2025
Projetando uma API de Cores: Endpoints REST para Dados de Cores
Projete uma API RESTful de cores com endpoints para conversao, busca, verificacao de contraste e geracao de paletas. Aprenda design de esquema e boas praticas.
Atualizado Dez 06, 2025
O Que É uma Cor de Destaque? Como Escolher e Usar Cores de Destaque
Aprenda o que são cores de destaque, como funcionam na regra 60-30-10, como escolher destaques eficazes e as melhores práticas para usá-los em design de UI.
Atualizado Dez 06, 2025
Variáveis de Cores no Figma: Um Guia Completo para Sistemas de Design
Domine as variáveis de cores do Figma para sistemas de design. Aprenda a criar, organizar e sincronizar tokens de cores entre Figma e código para temas consistentes.
Atualizado Dez 05, 2025
Cor na Visualização de Dados: Gráficos, Tabelas e Mapas
Domine o uso de cor na visualização de dados. Aprenda escalas sequenciais, divergentes e categóricas, armadilhas do daltonismo e melhores práticas para gráficos e mapas acessíveis.
Atualizado Dez 05, 2025
Gray vs Grey: Grafia, Tons e Códigos de Cor
É gray ou grey? Aprenda a diferença entre as grafias americana e britânica, as regras de cores nomeadas no CSS, 50 tons de cinza em códigos hex e como escolher entre cinza quente e frio.
Atualizado Dez 05, 2025
Paletas de Cores Monocromáticas: Elegância na Simplicidade
Aprenda a construir paletas de cores monocromáticas usando tints e shades. Exemplos práticos de design, padrões de UI e orientações passo a passo para resultados elegantes.
Atualizado Dez 03, 2025
As Quatro Cores do Google: O Significado por Trás da Paleta Primária
Explore a história por trás do logotipo de quatro cores do Google: o design de Ruth Kedar, por que foram escolhidas as cores primárias, o verde que quebra a regra e como o Material Design evoluiu a paleta.
Atualizado Dez 02, 2025
O Que É Croma? Intensidade de Cor Além da Saturação
Entenda o croma na ciência das cores — como difere da saturação, seu papel nos espaços de cores OKLCH e LCH, e por que importa para paletas perceptualmente uniformes.
Atualizado Dez 01, 2025
Gerador de Tons do Tailwind: Escalas de Cores Personalizadas Simplificadas
Gere escalas de cores personalizadas para o Tailwind CSS a partir de qualquer código hex. Aprenda como o sistema de tons de 50 a 950 funciona, como configurar o tailwind.config.js e criar escalas para modo escuro.
Atualizado Dez 01, 2025
10 Paletas de Cores para Web Design Minimalista
10 paletas de cores curadas para web design minimalista com códigos hex completos. Monocromático, tons terrosos, nórdico, minimalismo japonês e mais, com orientações de uso.
Atualizado Nov 30, 2025
Técnicas de Cor em SVG: Fill, Stroke e Gradientes
Domine as técnicas de cor em SVG: atributos fill e stroke, gradientes lineares e radiais, a palavra-chave currentColor e estilização de SVG via CSS para desenvolvimento web moderno.
Atualizado Nov 29, 2025
Temperatura de Cor no Design: Do Quente ao Frio
Entenda a temperatura de cor no design — vermelhos e laranjas quentes versus azuis e verdes frios — e como usar cada um para criar a resposta emocional certa.
Atualizado Nov 28, 2025
Carvão vs. Grafite vs. Ardósia: Comparação de Cinzas Escuros
Compare carvao (#36454F), grafite (#383838) e ardosia (#708090). Aprenda as diferencas entre esses tons de cinza escuro populares para web design e UI.
Atualizado Nov 27, 2025
Spotify Verde: A Cor do Streaming de Música
Descubra a história do Spotify Verde (#1DB954) — das suas primeiras versões ao seu papel no design de modo escuro e por que se tornou a cor definidora do streaming de música digital.
Atualizado Nov 27, 2025
Como Extrair uma Paleta de Cores de uma Imagem
Aprenda como extrair paletas de cores de imagens usando algoritmos de quantização, ferramentas online e abordagens programáticas. Construa paletas a partir de fotografias.
Atualizado Nov 26, 2025
Tendências de Design com Gradientes: Do Flat ao Dimensional
Explore as tendências de design com gradientes, do flat design aos gradientes mesh e glassmorphism. Técnicas CSS, teoria das cores e ferramentas para trabalho moderno com gradientes.
Atualizado Nov 25, 2025
A Regra 60-30-10: Proporção de Cores no Design
Domine a regra 60-30-10 de cores no design. Aprenda como cores dominantes, secundárias e de destaque funcionam juntas, com exemplos reais, códigos hex e dicas para quebrar a regra com eficácia.
Atualizado Nov 24, 2025
Cores Primárias, Secundárias e Terciárias Explicadas
Descubra o que são cores primárias, secundárias e terciárias, como são misturadas e como os modelos RYB e RGB diferem, com exemplos práticos de códigos hex.
Atualizado Nov 23, 2025
Cores dos Clubes da Premier League: História e Identidade de Marca
Explore as cores dos clubes da Premier League, do vermelho do Liverpool ao azul do Chelsea. Saiba por que essas cores persistem, a psicologia dos uniformes e o negócio da identidade cromática no futebol.
Atualizado Nov 22, 2025
Qual É a Cor do Taupe? O Neutro Sofisticado
O taupe é um cinza-marrom quente com o código hex #483C32. Saiba como ele difere do greige e do bege, suas origens francesas e como usá-lo no design de interiores e na moda.
Atualizado Nov 21, 2025
Separação de Cores Explicada: Preparando Arquivos para Impressão
Entenda a separação de cores CMYK, placas de cores especiais, trapping e marcas de registro. Prepare arquivos prontos para impressão com separações de cores corretas.
Atualizado Nov 21, 2025
Guia do Conversor de Cores: HEX para RGB, HSL e Muito Mais
Domine as conversões de formatos de cor: HEX, RGB, HSL, CMYK e OKLCH. Aprenda quando usar cada formato e como convertê-los instantaneamente com o conversor da ColorFYI.
Atualizado Nov 21, 2025
Cores para Modo Escuro: Melhores Práticas de Claro para Escuro
Aprenda as melhores práticas de cores para modo escuro: reduza a luminosidade em vez de inverter, hierarquia de superfícies, legibilidade de texto e ferramentas para testar os dois modos simultaneamente.
Atualizado Nov 20, 2025
HSL vs HSV: Qual Modelo de Cores Você Deve Usar?
Entenda a diferença entre os modelos de cores HSL e HSV, quando cada um é apropriado para desenvolvimento web ou seletores de cores, e como ambos se comparam às funções de cor do CSS.
Atualizado Nov 19, 2025
Entendendo a Roda de Cores: Um Guia Completo
Aprenda sobre cores primárias, secundárias e terciárias. Entenda relações de cores complementares, análogas e triádicas para um design melhor.
Atualizado Nov 18, 2025
Preto É uma Cor? A Resposta da Ciência e do Design
Preto é uma cor? A física diz não — é a ausência de luz. A arte diz sim — é um pigmento. O design diz absolutamente sim. Veja a explicação completa.
Atualizado Nov 17, 2025
As Cores da Marca Polkadot: Rosa Choque em um Mar de Azul
Saiba por que a Polkadot escolheu o rosa choque (#E6007A) para se destacar no cenário dominado pelo azul no universo das criptomoedas, e como isso reflete a visão multi-chain.
Atualizado Nov 17, 2025
Como Gerar uma Paleta de Cores Completa a Partir de Uma Cor
Aprenda a construir uma paleta de cores completa e harmoniosa a partir de uma única cor inicial. Aborda cores complementares, análogas, triádicas e geração de sombras com exemplos hex.
Atualizado Nov 16, 2025
Diferença Entre Violeta e Roxo
Violeta é uma cor espectral (~380-450nm); roxo é uma mistura não espectral de vermelho e azul. Conheça seus códigos hex, definições em CSS e como diferenciá-los.
Atualizado Nov 16, 2025
Pantone Color of the Year 2025: Mocha Mousse — Warm Luxury in Brown
Mocha Mousse (PANTONE 17-1230) is the 2025 Color of the Year — a rich, warm brown. Explore its hex code #A47864, design applications, complementary palettes, and cultural significance.
Atualizado Nov 15, 2025
Sistemas de Cores Semânticos: Nomeando Cores por Propósito, Não por Matiz
Construa sistemas de cores semânticos que nomeiam cores por propósito (sucesso, aviso, erro) em vez de matiz. Aprenda arquitetura de tokens e implementação em CSS e Tailwind.
Atualizado Nov 14, 2025
RGB vs CMYK: Quando Usar Cada Modelo de Cor
Aprenda as principais diferenças entre os modelos de cor RGB e CMYK, quando usar cada um para design em tela versus impressão e como converter entre eles com precisão.
Atualizado Nov 13, 2025
Cores da Marca Stripe: Por Que Roxo Representa Pagamentos
Descubra a história das cores da marca Stripe, do azul ao roxo (#635BFF). Veja como o design em gradiente e o branding voltado a desenvolvedores moldaram uma das paletas mais distintivas do fintech.
Atualizado Nov 12, 2025
Sistema de Cores do Tailwind CSS: Como os Tons São Gerados
Análise aprofundada do sistema de cores do Tailwind CSS: 22 famílias de cores, 11 passos de ton de 50 a 950, o algoritmo de geração, personalização e as mudanças de variáveis CSS no v4.
Atualizado Nov 11, 2025
O Que É Harmonia de Cores? Regras para Paletas Agradáveis
Aprenda o que significa harmonia de cores — esquemas complementares, análogos, triádicos e tetrádicos. Entenda as regras por trás de combinações de cores visualmente agradáveis.
Atualizado Nov 11, 2025
Sintaxe de Cor Relativa CSS: Transforme Qualquer Cor Dinamicamente
Domine a sintaxe de cor relativa CSS para transformar cores dinamicamente. Ajuste matiz, saturação, luminosidade e canais alfa diretamente nas suas folhas de estilos.
Atualizado Nov 10, 2025
Entendendo o OKLCH: O Futuro das Cores em CSS
OKLCH é o formato moderno de cores em CSS que oferece uniformidade perceptual e suporte a gamut amplo. Saiba como funciona, por que supera o HSL e como usá-lo hoje.
Atualizado Nov 09, 2025
Cores da Marca Notion: Minimalismo em Preto e Branco
Entenda a estratégia de marca monocromática do Notion, o bege quente característico e como as escolhas minimalistas de cor comunicam produtividade e liberdade criativa.
Atualizado Nov 08, 2025
Qual É a Cor do Teal? O Guia Completo
O teal é um ciano-verde com o código hex #008080. Descubra como ele difere do turquesa, ciano e aqua — além de aplicações de design para web, moda e interiores.
Atualizado Nov 07, 2025
Projetando para Modo de Alto Contraste: Windows, macOS e Web
Projete para modo de alto contraste no Windows, macOS e web. Aprenda forced-colors no CSS, palavras-chave de cores do sistema, estratégias de teste e armadilhas comuns a evitar.
Atualizado Nov 06, 2025
Cor no Design de Formulários: Validação, Foco e Estados de Erro
Domine o uso de cor no design de formulários para estados de validação, indicadores de foco e tratamento de erros. Crie formulários acessíveis e intuitivos com escolhas estratégicas de cor.
Atualizado Nov 06, 2025
Cores da Marca Chainlink: Azul Oráculo e o Hexágono
Explore o azul distinto da Chainlink (#375BD2) e o simbolismo do logotipo hexagonal. Saiba como o branding de redes de oráculos constrói confiança empresarial na infraestrutura DeFi.
Atualizado Nov 06, 2025
Esquemas de Cores Análogas: Criando Harmonia Visual
Aprenda como os esquemas de cores analogos usam tonalidades vizinhas para criar harmonia natural. Inclui dicas para escolher paletas, exemplos reais de design e codigos hex.
Atualizado Nov 05, 2025
Laranja do Bitcoin: A Historia por Tras do #F7931A
A historia completa da cor laranja do Bitcoin #F7931A — quem a criou, por que o laranja foi escolhido e como este unico hex se tornou o simbolo das financas descentralizadas.
Atualizado Nov 04, 2025
O Que É Luminância? Brilho na Ciência das Cores
Entenda a luminância na ciência das cores — luminância relativa para contraste WCAG, luminância vs brilho e como a luminância orienta decisões de acessibilidade.
Atualizado Nov 03, 2025
Radix UI Colors: Escalas de Cores Perceptualmente Uniformes
Guia completo sobre o Radix UI Colors: escalas de 12 passos perceptualmente uniformes, modo escuro automático, acessibilidade integrada e integração com Tailwind e frameworks CSS.
Atualizado Nov 02, 2025
Cores de Marca das Criptomoedas: Um Guia Completo
Explore as cores de marca do Bitcoin, Ethereum, Solana, BNB e mais de 20 criptomoedas. Conheça os códigos hex, as escolhas de design e os padrões de cores do setor cripto.
Atualizado Nov 01, 2025
Geracao de Paletas de Cores por IA: Como o Machine Learning Escolhe Cores
Explore como a IA gera paletas de cores usando machine learning. Compare ferramentas populares de cores com IA, aprenda engenharia de prompts para cores e entenda as limitacoes.
Atualizado Out 30, 2025
Entendendo Códigos de Cor Hex: O Guia Completo
Domine os códigos de cor hexadecimais do zero. Aprenda o que significa #RRGGBB, como ler qualquer valor hex, notação abreviada, transparência alpha e como converter entre formatos.
Atualizado Out 29, 2025
Cores de Marcas Fintech: Construindo Confiança Através do Azul
Por que empresas fintech escolhem o azul: o #635BFF da Stripe, o #003087 do PayPal, a exceção verde da Robinhood e a psicologia das cores no design de serviços financeiros.
Atualizado Out 28, 2025
O Futuro das Cores na Web: HDR, Espectral e Além
Explore o futuro das cores na web — displays HDR, renderização espectral, CSS Color Level 5, adoção de wide gamut e o que os designers devem preparar para o futuro.
Atualizado Out 27, 2025
Cor na Arte Generativa: Algoritmos para Paletas Belas
Crie cores belíssimas em arte generativa com espirais HSL, paletas baseadas em ruído, amostragem pela proporção áurea e algoritmos de cor em p5.js para estética procedural.
Atualizado Out 26, 2025
Cores da Marca Nike: Just Do It em Preto e Branco
Explore o icônico branding preto e branco da Nike, o acento neon Volt, a codificação de cores por linha de produto e as paletas de sub-marcas como Jordan e Air Max.
Atualizado Out 25, 2025
O Que É a Cor Auburn? Cabelos, Design e Códigos Hex
Auburn é um castanho-avermelhado rico com código hex #A52A2A. Aprenda como ele se compara a castanho, mogno e cobre — com aplicações em design e coloração capilar.
Atualizado Out 24, 2025
Cores de Sites Mais Populares em 2026: Análise de Dados
Análise das cores de sites mais comuns em 2026: dominância do azul em tecnologia, fundos de modo escuro, mudanças nas cores de texto e padrões de cores por setor.
Atualizado Out 23, 2025
Tematização Dinâmica de Cores no React: Além das Variáveis CSS
Implemente tematização dinâmica de cores no React usando variáveis CSS, provedores de contexto e Tailwind CSS. Crie temas personalizáveis pelo usuário com geração de cores em tempo de execução.
Atualizado Out 23, 2025
Azul Tiffany: Como Uma Cor se Tornou um Ícone Registrado
Descubra a história do Azul Tiffany, sua designação Pantone 1837, proteção de marca registrada e como uma única cor se tornou o símbolo de luxo mais icônico do mundo.
Atualizado Out 22, 2025
Qual É a Cor do Malva? História e Uso Moderno
O malva é um roxo-rosado pálido com o código hex #E0B0FF. Descubra suas origens vitorianas como o primeiro corante sintético e como usá-lo no design moderno.
Atualizado Out 21, 2025
Hierarquia de Cores no Design de UI: Guiando o Olho do Usuário
Crie hierarquia de cores eficaz no design de UI. Aprenda peso visual, cores de ação primária vs secundária, camadas de fundo e técnicas de ponto focal.
Atualizado Out 20, 2025
Sistema de Correspondência Pantone Explicado: Um Guia para Designers
Aprenda como o Sistema de Correspondência Pantone funciona, a diferença entre os cadernos revestido e não revestido, cores especiais vs de processo e os limites da conversão Pantone para hex.
Atualizado Out 19, 2025
A Evolução do Ethereum: Da Fronteira ao Roxo
Explore a evolução da identidade visual do Ethereum: as origens do logo em diamante/octaedro, por que tons roxo-azulados definem o ETH, e as cores de marca #627EEA e #3C3C3D por trás da segunda maior rede de criptomoedas.
Atualizado Out 19, 2025
Acessibilidade Além do Contraste: A Cor no Design Inclusivo
A acessibilidade de cores vai além das relações de contraste. Aprenda o princípio 'não apenas pela cor' da WCAG, indicadores de foco, estados de erro e padrões amigáveis para daltônicos.
Atualizado Out 17, 2025
Cores da Marca Discord: Blurple e a Estética Gamer
Explore o icônico Blurple (#5865F2) do Discord, a polêmica do rebranding de 2021 e como a cultura gamer moldou uma das identidades de cor mais distintivas da tecnologia.
Atualizado Out 16, 2025
Azul-marinho vs Azul Escuro: Qual é a Diferença?
O azul-marinho (#000080) é um azul escuro específico e padronizado. Saiba como ele difere do azul escuro, suas origens na Marinha Real, códigos hex e usos no design.
Atualizado Out 15, 2025
Cores para Serigrafia: Um Guia para Designers
Domine as técnicas de cores para serigrafia, incluindo separação de cores, telas de meio-tom, tintas spot color e preparação de arte para materiais serigrafados.
Atualizado Out 14, 2025
Cores da Marca IKEA: Azul e Amarelo Suecos
Descubra como as cores azul (#003399) e amarelo (#FFDA1A) da IKEA se conectam à herança sueca, constroem confiança e criam uma experiência de varejo inconfundível.
Atualizado Out 14, 2025
Qual É a Cor do Sage? O Verde em Alta
O sage é um verde-cinza suave com o código hex #B2AC88. Saiba como ele difere do oliva e do menta, por que está em alta em interiores e moda, e os códigos hex do sage.
Atualizado Out 13, 2025
Interpolação de Cores em CSS: Por Que o OKLCH Vence
A interpolação de cores em CSS determina como gradientes e color-mix() mesclam cores. Saiba por que o OKLCH produz resultados vívidos e perceptualmente uniformes enquanto RGB e HSL falham.
Atualizado Out 12, 2025
O Vermelho da Coca-Cola: A Cor de Marca Mais Reconhecida do Mundo
A historia do Vermelho Coca-Cola (#F40009): por que o vermelho foi escolhido, como o tom evoluiu e por que se tornou a cor de marca mais reconhecida do planeta. Inclui codigos hex exatos.
Atualizado Out 11, 2025
O Que É uma Cor Neutra? Cinzas, Bege e Muito Mais
Entenda as cores neutras — cinzas puros, bege quentes, ardósias frias. Aprenda como paletas neutras funcionam em design web, fundos e combinação com cores de destaque.
Atualizado Out 10, 2025
O Marrom da UPS: A Cor de Marca Não Convencional
Descubra por que a UPS escolheu o marrom como cor de marca, a origem nos vagões ferroviários Pullman, o que o marrom Pullman #644117 comunica sobre confiabilidade e a icônica campanha 'What can brown do for you?'.
Atualizado Out 09, 2025
O Que É Temperatura de Cor? A Escala Kelvin Explicada
Entenda a temperatura de cor e a escala Kelvin. Aprenda como a luz quente e fria afeta o design, o balanço de branco na fotografia e as escolhas de cores digitais.
Atualizado Out 08, 2025
Lista de Verificação de Acessibilidade de Cores para Desenvolvedores Web
Uma lista completa de acessibilidade de cores para desenvolvedores web, cobrindo taxas de contraste WCAG, dependência exclusiva de cores, indicadores de foco, ferramentas de teste e verificações automatizadas.
Atualizado Out 07, 2025
Cores dos Times da NBA: O Negócio do Branding no Basquete
Analise as estratégias de cores dos times da NBA, do roxo dos Lakers ao vermelho dos Bulls. Explore experimentos de City Edition, tendências de cores e como as cores impulsionam as vendas de merchandise.
Atualizado Out 06, 2025
Bege vs Creme: Qual a Diferenca?
Compare as cores bege (#F5F5DC) e creme (#FFFDD0). Aprenda as diferencas de codigo hex, distincoes visuais e quando usar cada uma em design de interiores e web design.
Atualizado Out 05, 2025
Dourado vs Amarelo: Por que o Dourado Parece Premium
Entenda por que o dourado (#FFD700) parece premium enquanto o amarelo (#FFFF00) parece alegre. Aprenda a criar efeitos dourados em CSS e quando usar cada um no branding.
Atualizado Out 03, 2025
Manipulação de Cores em JavaScript: Bibliotecas e Técnicas
Domine a manipulação de cores em JavaScript com chroma.js, culori e tinycolor2. Analise, transforme e gere cores programaticamente para aplicações web.
Atualizado Out 02, 2025
A História do Azul do Facebook: A Escolha de Cores de Zuckerberg
Descubra por que o Facebook escolheu o azul como sua cor característica, o hex exato (#1877F2), e como a deficiência de visão de cores de Mark Zuckerberg moldou uma das marcas mais reconhecidas do mundo.
Atualizado Out 01, 2025
Qual É a Cor do Vermelhão? O Vermelho-Laranja Ancestral
O vermelhão é um vermelho-laranja vívido com o código hex #E34234, historicamente feito de cinábrio. Conheça sua história, usos modernos e comparações de cores.
Atualizado Set 30, 2025
Cor na Animação Web: GSAP, Framer Motion e CSS
Domine a animação de cores em transições CSS, GSAP e Framer Motion. Aprenda sobre interpolação OKLCH, técnicas de keyframe e otimização de desempenho.
Atualizado Set 29, 2025
Cor do Ano Pantone: História e Impacto
A história completa da Cor do Ano Pantone de 2000 a 2025. Saiba como as cores são selecionadas, seus códigos hex e como moldam tendências de design, moda e produtos.
Atualizado Set 28, 2025
O Que É a Cor Bordeaux? Código Hex e Análise da Cor
Bordeaux é um vermelho-roxo profundo com código hex #800020. Aprenda como ele difere do maroon, vinho e carmesim — com aplicações em design e moda.
Atualizado Set 28, 2025
Cores Spot vs. Cores de Processo: Guia de Impressão em Cores
Entenda a diferença entre cores spot e cores de processo CMYK, quando usar cada uma, como elas afetam os custos de impressão e como preparar arquivos corretamente para cada método.
Atualizado Set 27, 2025
Cores da Marca Dogecoin: O Ouro do Meme e a Cor da Comunidade
Explore o ouro Shiba Inu (#C2A633) do Dogecoin, as origens de cor da cultura meme, o branding Comic Sans e como a arte da comunidade moldou a marca de cripto mais lúdica.
Atualizado Set 26, 2025
O Que É a Cor Coral? Código Hex e Análise da Cor
Coral é um rosa-laranja quente em #FF7F50. Saiba como difere de salmão e pêssego, por que a Pantone a nomeou Cor do Ano de 2019 e como usá-la no design.
Atualizado Set 25, 2025
Algoritmos de Contraste de Cores: WCAG 2 vs APCA
Entenda como o WCAG 2 com luminancia relativa e o APCA (Advanced Perceptual Contrast Algorithm) calculam o contraste. Compare resultados e aprenda qual usar para design acessivel.
Atualizado Set 25, 2025
Cores de Startups de Tecnologia: O Que a Cor da Sua Marca Diz Sobre Você
Do índigo da Stripe ao verde da Robinhood, descubra o que as cores de marca das startups de tecnologia revelam sobre os valores da empresa, o posicionamento e a psicologia por trás de cada escolha.
Atualizado Set 23, 2025
O Que É Daltonismo? Tipos, Causas e Impacto no Design
Entenda os tipos de daltonismo (deuteranopia, protanopia, tritanopia), causas, estatísticas de prevalência e como projetar interfaces inclusivas para usuários daltônicos.
Atualizado Set 23, 2025
Cores da Marca Cardano: Azul Acadêmico Encontra o Blockchain
Descubra a identidade visual azul acadêmica da Cardano, sua conexão com o desenvolvimento de blockchain orientado por pesquisa, e os códigos hex exatos usados em todo o ecossistema.
Atualizado Set 21, 2025
O Que É a Cor Chartreuse? A Cor Mais Confusa
Chartreuse confunde todo mundo. O CSS define como #7FFF00 — um amarelo-esverdeado — mas muitas pessoas insistem que é vermelho ou rosa. Aqui está a ciência, a história e a análise de design.
Atualizado Set 20, 2025
Sistema de Cores do SwiftUI: Criando Paletas de Cores Adaptativas
Crie paletas de cores adaptativas no SwiftUI. Aprenda sobre Color vs UIColor, cores no asset catalog, cores dinâmicas para modo escuro e padrões de cor para acessibilidade.
Atualizado Set 19, 2025
Cores da Marca XRP/Ripple: O Azul dos Pagamentos Transfronteiriços
Acompanhe a evolução das cores da marca XRP e Ripple, do azul ao preto. Saiba como o branding de blockchain empresarial comunica a confiabilidade de uma rede de pagamentos.
Atualizado Set 18, 2025
O Vermelho da Netflix: Como a Cor Impulsiona o Binge-Watching
Explore a psicologia por trás do Vermelho Netflix (#E50914), como sua interface escura amplifica a urgência e por que essa escolha de cor é inseparável da experiência de binge-watching.
Atualizado Set 16, 2025
O Que É um Espaço de Cores? sRGB, Adobe RGB e Muito Mais
Entenda os espaços de cores do sRGB ao Adobe RGB e ProPhoto RGB. Aprenda como funcionam, quando usar cada um e como escolher para design web versus impresso.
Atualizado Set 15, 2025
Paletas de Cores nas Redes Sociais: Por Que o Azul Domina
Explore as paletas de cores do Facebook, Twitter/X, LinkedIn, Instagram e TikTok — e entenda as razões psicológicas e estratégicas pelas quais o azul domina o design das redes sociais.
Atualizado Set 14, 2025
O Que É Profundidade de Cor? 8 bits, 10 bits e HDR Explicados
Aprenda sobre profundidade de cor — bits por canal, cor de 8 bits vs 10 bits, displays HDR, e como a profundidade de cor afeta faixas, gradientes e qualidade de imagem.
Atualizado Set 13, 2025
Design Tokens para Cores: Do Figma ao Código
Implemente design tokens de cor do Figma ao código de produção usando Style Dictionary. Aprenda nomenclatura de tokens, transformação e saída multiplataforma.
Atualizado Set 12, 2025
Cores dos Protocolos DeFi: Uniswap, Aave, Compound e Mais
Analise as cores de marca dos protocolos DeFi, do rosa do Uniswap ao roxo do Aave e ao verde do Compound. Entenda como a diferenciação por cores funciona nas finanças descentralizadas.
Atualizado Set 11, 2025
O Que É Delta E? Medindo a Diferença de Cores
Aprenda sobre Delta E (ΔE) — a métrica padrão para medir a diferença de cores. Compare as fórmulas CIE76 e CIE2000, entenda os limites e use no controle de qualidade.
Atualizado Set 10, 2025
Escarlate vs Carmesim: Dois Tons de Vermelho Profundo
Compare escarlate (#FF2400) e carmesim (#DC143C) — dois tons de vermelho profundo com diferentes subtoms. Conheça os códigos hex, origens históricas e aplicações de design.
Atualizado Set 08, 2025
O Que É uma Gama de Cores? Tudo o Que Você Precisa Saber
Entenda a gama de cores — o intervalo de cores que um dispositivo pode exibir ou imprimir. Compare as gamas sRGB, Display P3 e Rec. 2020 para design web e de impressão.
Atualizado Set 07, 2025
Convenções de Nomenclatura de Cores em CSS e Sistemas de Design
Explore as cores nomeadas do CSS, nomenclatura semântica com propriedades personalizadas, nomenclatura de escala no estilo Tailwind e boas práticas para gerenciar nomes de cores em sistemas de design para equipes.
Atualizado Set 06, 2025
Cores Off-White: Marfim, Creme, Casca de Ovo e Linho
Compare tons off-white — marfim (#FFFFF0), creme (#FFFDD0), casca de ovo (#F0EAD6) e linho (#FAF0E6). Aprenda os códigos hex e quando escolher cada um para fundos web.
Atualizado Set 05, 2025
Cor no Design de E-mail: O Que Funciona em Todos os Clientes
Domine o design de cores em e-mails no Outlook, Gmail e Apple Mail. Aprenda estratégias seguras, correções para modo escuro e requisitos de estilos inline para resultados consistentes.
Atualizado Set 05, 2025
O Que É Matiz? A Propriedade Mais Fundamental da Cor
Aprenda o que matiz significa na teoria das cores — sua posição na roda de cores, ângulos de matiz em HSL/CSS, técnicas de rotação de matiz e a diferença entre matiz e cor.
Atualizado Set 04, 2025
Tematização de Cores em React: Variáveis CSS e Context
Crie tematização de cores escalável em React usando propriedades customizadas CSS e a Context API. Aborda arquitetura de temas, temas com Tailwind CSS e estratégias multi-marca.
Atualizado Set 03, 2025
Desempenho de Cores na Web: Gradientes, Sombras e Filtros
Otimize o desempenho de cores na web. Aprenda como gradientes, box-shadows, filtros CSS e backdrop-filter afetam o desempenho de renderização e como acelerá-los com GPU.
Atualizado Set 01, 2025
Cores Responsivas: Adaptando Cores para Diferentes Telas
Aprenda como as cores mudam entre displays, gamuts de cor e modo escuro. Use media queries CSS e propriedades customizadas para criar sistemas de cor responsivos para qualquer tela.
Atualizado Ago 31, 2025
Combinações de Cores para Sinalização com Máxima Visibilidade
Aprenda as combinações de cores mais visíveis para sinalização, pesquisas sobre legibilidade à distância, requisitos ADA para placas, considerações com LED e como materiais e iluminação afetam a percepção de cor.
Atualizado Ago 30, 2025
Como Escolher Cores de Marca: Um Guia Passo a Passo
Um guia passo a passo para escolher cores de marca que ressoem com seu publico. Abrange pesquisa, analise setorial, psicologia das cores, testes de combinacao e documentacao de diretrizes de marca.
Atualizado Ago 29, 2025