Gerador de paleta de cores
Escolha ou digite uma cor base, e esta ferramenta a converte para HSL e gera três paletas prontas para usar a partir dela — complementar, análoga e em tríade —, para que você explore rapidamente combinações de cores para um design. Clique em qualquer amostra para copiar seu código hexadecimal.
Complementar
Análoga
Em tríade
Como funciona
As cores são convertidas para HSL (matiz, saturação, luminosidade), o que permite gerar novas cores simplesmente girando o matiz. Uma paleta complementar adiciona a cor diretamente oposta na roda de cores (+180°); uma paleta análoga adiciona os dois matizes vizinhos (±30°); uma paleta em tríade adiciona dois matizes distribuídos uniformemente pela roda (+120° e +240°).
Dica
Clique em qualquer amostra para copiar seu código hexadecimal para a área de transferência — útil para colar direto na sua ferramenta de design ou no CSS.
Qual paleta devo usar?
Paletas complementares criam um contraste forte e funcionam bem para uma única cor de destaque; paletas análogas parecem calmas e coesas, ótimas para fundos e degradês; paletas em tríade são vibrantes e equilibradas, úteis quando você precisa de três cores que se destaquem igualmente.
Mais ferramentas nesta categoria
Calculadora de exposição
Encontre exposições fotográficas equivalentes entre abertura, velocidade do obturador e ISO.
Calculadora de proporção
Redimensione uma imagem ou vídeo proporcionalmente e encontre a proporção simplificada.
Gerador de gradiente CSS
Crie um gradiente CSS linear ou radial e copie o código gerado.
Verificador de contraste
Verifique se uma cor de primeiro plano e de fundo atendem às diretrizes de contraste WCAG.
Conversor de formato de cor
Converta qualquer cor entre HEX, RGB, HSL e CMYK instantaneamente, com cópia em um clique para cada formato.
Gerador de escala tipográfica
Gere um conjunto harmonioso de tamanhos de fonte a partir de um tamanho base e uma proporção de escala, pronto para copiar como propriedades personalizadas CSS.