Gerador de paletas de cores
Gera paletas complementares, análogas, triádicas, tetrádicas, monocromáticas e de sombras/tons claros a partir de qualquer cor base.
A carregar Gerador de paletas de cores… Se nada acontecer, ativa o JavaScript.
A teoria das cores é o quadro estruturado que explica que combinações de cores resultam harmoniosas, enérgicas, calmas ou profissionais, e porquê. No seu cerne trabalha com a roda de cores, uma disposição circular de tons em que as relações entre cores preveem como elas vão interagir visualmente. A roda de cores foi formalizada por Johann Wolfgang von Goethe na sua obra de 1810 "Teoria das Cores" e mais tarde aperfeiçoada pelo sistema de cor tridimensional de Albert Munsell. O design digital moderno mapeia estas relações no espaço de cor HSL (tom, saturação, luminosidade), em que a rotação do tom num círculo de 360 graus reflete diretamente as posições de uma roda de cores tradicional.
Perguntas frequentes
É enviado algum dado de cor para um servidor?
Como são calculadas matematicamente as relações da paleta?
Qual é a diferença entre complementar e complementar dividida?
Que tipo de paleta devo usar para uma marca profissional?
O que é a regra 60-30-10?
As cores geradas são acessíveis?
Posso exportar a paleta como propriedades personalizadas de CSS?
Que formato de cor usa a ferramenta na saída?
Como escolho entre sombras e tons claros?
Posso gerar uma paleta para utilizadores daltónicos?
Sobre Gerador de paletas de cores
Os designers, os engenheiros de interface, as equipas de marca e os profissionais de marketing precisam todos de paletas de cores estruturadas. Uma startup que constrói uma identidade de marca precisa de uma cor primária, de um acento complementar e de um conjunto de tons claros neutros que funcionem em conjunto num logótipo, num site, numa app e em materiais impressos. Um programador front-end que constrói um sistema de design precisa de tokens de cor semânticos (primário, secundário, sucesso, aviso, erro) que derivem de forma consistente de uma única cor de marca. Um ilustrador precisa de saber que tons vão criar tensão visual e quais vão resultar repousantes. A regra 60-30-10 (60 % de cor dominante, 30 % de cor secundária, 10 % de acento) é o quadro prático que a maioria dos designers de interiores e gráficos aplica para garantir que uma paleta se sente equilibrada em vez de caótica.
Esta ferramenta calcula oito tipos de paleta a partir de uma única cor base, todos derivados matematicamente no espaço de cor HSL. A complementar emparelha a base com o tom exatamente 180 graus oposto. A análoga usa os três tons dentro de 30 graus de cada lado. A triádica divide a roda em três segmentos iguais de 120 graus. A tetrádica (quadrada) usa quatro tons em intervalos de 90 graus. A complementar dividida suaviza o contraste de um par complementar usando os dois tons adjacentes ao complemento. As sombras e os tons claros monocromáticos variam apenas a luminosidade, mantendo o mesmo tom e a mesma saturação. Tudo corre no teu navegador: sem servidor, sem envios, sem conta.
Uma nota prática crucial: as cores matematicamente harmoniosas não são automaticamente acessíveis. O rácio de contraste entre o texto em primeiro plano e a cor de fundo tem de cumprir as diretrizes WCAG 2.1, um mínimo de 4,5:1 para texto normal e 3:1 para texto grande. Duas cores que parecem visualmente equilibradas podem ainda assim não cumprir os requisitos de contraste, sobretudo os pares análogos em que os tons são semelhantes. Passa sempre as tuas combinações escolhidas de primeiro plano/fundo por um verificador de contraste antes de finalizar uma paleta para uso em produção. Lembra-te também de que cerca de 8 % dos homens e 0,5 % das mulheres têm alguma forma de deficiência da visão das cores; simula as vistas de deuteranopia e protanopia da tua paleta para verificar que as distinções fundamentais se mantêm.
Do prisma de Isaac Newton ao império da impressão da Pantone: a surpreendente história dos sistemas de cor
A ideia de que as cores formam uma roda, um espectro circular contínuo em vez de uma escala linear, tem origem em Isaac Newton, que em 1666 desviou um feixe de luz solar através de um prisma e mapeou o espectro resultante num círculo na sua "Opticks" de 1704, ligando o vermelho e o violeta nas extremidades. Newton foi o primeiro a sugerir que misturar cores de extremidades opostas do espectro produz uma espécie de neutralidade visual. Esta roda tornou-se o fundamento conceptual de toda a teoria das cores posterior, embora os cientistas tenham mais tarde descoberto que a perceção humana da cor é muito mais complexa do que sugere um simples modelo circular.
Johann Wolfgang von Goethe desafiou a abordagem puramente física de Newton na sua "Teoria das Cores" de 1810, argumentando que a perceção da cor é tanto psicológica como física. Embora largamente incorretas enquanto física, as observações de Goethe sobre como as cores evocam emoções (as cores quentes sentindo-se ativas, as frias passivas) influenciaram diretamente a psicologia da cor usada hoje na marca e no marketing. A escola Bauhaus absorveu estas ideias na década de 1920, com Johannes Itten e Josef Albers a desenvolverem os exercícios de cor ainda ensinados em escolas de design por todo o mundo.
O sistema de cor comercial moderno com que a maioria dos designers interage diariamente é a Pantone, fundada em 1963 quando Lawrence Herbert comprou uma pequena tipografia e resolveu um problema fundamental: duas tipografias de cidades diferentes não conseguiam igualar de forma fiável a mesma cor a partir de uma descrição. Herbert criou um sistema padronizado de mistura de tintas com amostras numeradas, e o Pantone Matching System tornou-se o padrão global para a especificação da cor de marca. A Pantone Cor do Ano, lançada em 2000, tornou-se um acontecimento cultural que influencia o design de produtos, a moda e o design de interiores por todo o mundo, um alcance notável para algo que começou como uma solução prática para um problema de coordenação da impressão.