Gerador de cores triádicas
Crie um esquema de cores triádico a partir de uma cor-base com este Gerador de cores triádicas. Insira um código hexadecimal de 3 ou 6 dígitos e a ferramenta retorna três cores espaçadas em 120 graus na roda de cores HSL, todas com a saturação e a luminosidade da cor-base, em códigos hexadecimais prontos para copiar e colar. Ótimo para designers e desenvolvedores que querem paletas equilibradas e vibrantes para interfaces, ilustrações e sistemas de marca.
Perguntas frequentes
O que o Gerador de cores triádicas retorna?
Ele retorna três cores como códigos hexadecimais de seis dígitos em letras minúsculas. A cor 1 é sua cor-base, a cor 2 é o matiz girado em 120 graus e a cor 3 é o matiz girado em 240 graus.
Como um esquema triádico é calculado?
A ferramenta converte seu código hexadecimal para HSL, adiciona 120 e 240 graus ao matiz e dá a volta em 360 graus. A saturação e a luminosidade permanecem iguais, então as três cores compartilham o brilho e a intensidade da cor-base.
Qual é a tríade do vermelho puro?
Para #ff0000, a ferramenta retorna #ff0000, #00ff00 e #0000ff, as três cores primárias RGB. Isso mostra que a ferramenta usa a roda HSL baseada nas cores da tela, em vez da roda tradicional da pintura, com vermelho, amarelo e azul.
Quais formatos de cor posso inserir?
Insira um código hexadecimal de 3 ou 6 dígitos, com ou sem o #, como #3366cc ou 36c. As notações RGB e HSL e nomes de cores não são aceitos; primeiro, converta-os para hexadecimal.
Por que minha cor-base retorna um pouco diferente?
O cálculo usa valores inteiros de matiz, saturação e luminosidade, então converter a cor-base para HSL e de volta pode alterar um canal em uma unidade. Por exemplo, #ff5733 se torna #ff5833, com #33ff58 e #5833ff como as outras duas cores.
Como uso uma paleta triádica sem que ela fique chamativa demais?
Deixe uma cor dominar e use as outras duas como destaques, por exemplo, em proporções de 60%, 30% e 10% da superfície. Começar com uma cor-base menos saturada ou mais escura resulta em uma tríade mais suave, pois as três cores herdam sua saturação e luminosidade.
O que acontece com preto, branco ou cinza?
As cores neutras não têm saturação, então girar o matiz retorna o mesmo cinza três vezes. Escolha uma cor base com alguma saturação para obter três cores distintas.
Qual é a diferença entre triádico e tetrádico?
Um esquema triádico tem três cores separadas por 120 graus, enquanto um esquema tetrádico tem quatro cores separadas por 90 graus. Geralmente é mais fácil equilibrar tríades; use o Tetradic Color Generator quando precisar de um quarto matiz.
A ferramenta verifica a acessibilidade?
Não, ela apenas calcula as cores. Como as três cores compartilham a luminosidade da cor base, o contraste entre elas pode ser baixo; por isso, teste os pares de texto e plano de fundo com um verificador de contraste.
O resultado é igual à opção triádica do Color Palette Generator?
Sim. Esta ferramenta executa exatamente o mesmo cálculo da opção triádica do Color Palette Generator, então ambas geram códigos hexadecimais idênticos para a mesma cor base.