Gerador de cores análogas
Crie um esquema de cores análogas a partir de uma única cor base com este Gerador de cores análogas. Insira um código hexadecimal de 3 ou 6 dígitos e a ferramenta retornará três cores vizinhas: o matiz 30 graus antes da sua cor base, a própria cor base e o matiz 30 graus depois dela, todas em códigos hexadecimais. Ideal para designers e desenvolvedores que querem paletas harmoniosas e suaves para sites, aplicativos, planos de fundo e ilustrações.
Perguntas frequentes
O que o Gerador de cores análogas retorna?
Ele retorna três cores como códigos hexadecimais de seis dígitos em minúsculas. A cor 1 é o matiz girado 30 graus para trás, a cor 2 é sua cor base e a cor 3 é o matiz girado 30 graus para a frente.
Por que minha cor base fica no meio?
Os esquemas de cores análogas são construídos em torno de um matiz central, então a lista vai da cor vizinha anterior até a seguinte. Essa ordem permite ler a paleta como um gradiente suave de matizes.
Qual é a distância entre as cores?
As cores vizinhas ficam exatamente a 30 graus do matiz base na roda de cores HSL, um espaçamento comum que mantém as cores relacionadas, mas distinguíveis. A saturação e a luminosidade são as mesmas da cor base.
Quais são as cores análogas do vermelho puro?
Para #ff0000, a ferramenta retorna #ff0080, #ff0000 e #ff8000: um vermelho rosado, o próprio vermelho e um laranja. O cálculo do matiz dá a volta a cada 360 graus, então as cores próximas do vermelho têm vizinhas dos dois lados da roda.
Quais formatos de cor posso inserir?
Insira um código hexadecimal com 3 ou 6 dígitos, com ou sem #, como #ff5733 ou f00. As notações RGB e HSL e os nomes de cores não são aceitos; converta-os para hexadecimal primeiro.
Por que a cor do meio é um pouco diferente da que inseri?
A ferramenta trabalha com valores inteiros de matiz, saturação e luminosidade; por isso, a conversão de hexadecimal para HSL e de volta pode alterar um canal em uma unidade. #ff5733 retorna como #ff5833, com #ff3374 e #ffbe33 como cores vizinhas.
Quando devo usar uma paleta de cores análogas?
As cores análogas são adequadas para designs que devem transmitir unidade e tranquilidade, como planos de fundo, gradientes, temas naturais e séries de dados relacionadas. Como os matizes são próximos, adicione uma cor neutra ou um destaque contrastante para botões e textos.
O que acontece com preto, branco ou cinza?
As cores neutras têm saturação zero, então suas cores vizinhas são o mesmo cinza e os três resultados são iguais. Use uma cor base com alguma saturação para obter três matizes diferentes.
Posso alterar o espaçamento de 30 graus?
Não, o espaçamento é fixo em 30 graus para manter a consistência dos resultados. Para outras relações entre cores, use os geradores de cores complementares, triádicas, complementares divididas, tetrádicas ou monocromáticas.
O resultado é igual ao do Gerador de paletas de cores?
Sim. Esta ferramenta executa o mesmo cálculo da opção de cores análogas do Color Palette Generator e retorna códigos hexadecimais idênticos para a mesma entrada.