Gerador de cores complementares divididas
Gere um esquema de cores complementares divididas a partir de uma cor base com este Gerador de cores complementares divididas. Insira um código hexadecimal de 3 ou 6 dígitos e a ferramenta retornará sua cor base e os dois matizes que ficam a 150 e 210 graus dela na roda de cores HSL, um de cada lado de seu complemento, todos como códigos hexadecimais. Ideal para designers e desenvolvedores que querem um contraste forte com menos tensão do que um par de cores complementares simples.
Perguntas frequentes
O que o Gerador de cores complementares divididas retorna?
Ele retorna três cores como códigos hexadecimais de seis dígitos em minúsculas. A cor 1 é sua cor base, a cor 2 é o matiz girado 150 graus e a cor 3 é o matiz girado 210 graus.
O que é um esquema de cores complementares divididas?
Em vez da única cor oposta à sua cor base, ele usa as duas cores vizinhas desse oposto, a 30 graus de cada lado. Você mantém a maior parte do contraste de um par complementar, mas a paleta é mais fácil de equilibrar.
Como o cálculo é feito?
A ferramenta converte o código hexadecimal para HSL, adiciona 150 e 210 graus ao matiz e dá a volta a cada 360 graus. A saturação e a luminosidade permanecem iguais, e cada resultado é convertido de volta para um código hexadecimal.
Quais são as cores complementares divididas do vermelho puro?
Para #ff0000, a ferramenta retorna #ff0000, #00ff80 e #0080ff: um verde primavera e um azul-celeste de cada lado do ciano. A ferramenta usa a roda HSL baseada em telas, então o resultado difere da roda de cores de pintores, baseada em vermelho, amarelo e azul.
Quais formatos de cor posso inserir?
Insira um único código hexadecimal de 3 ou 6 dígitos, com ou sem #, como #3366cc ou 36c. As strings RGB e HSL e os nomes de cores não são aceitos; converta-os para hexadecimal primeiro.
Por que minha cor base fica um pouco diferente no resultado?
Matiz, saturação e luminosidade são arredondados para números inteiros, então converter sua cor para HSL e de volta pode alterar um canal em uma unidade. Por exemplo, #ff5733 retorna como #ff5833, com #33ffbe e #3374ff ao lado.
Como uso uma paleta de cores complementares divididas?
Use a cor base como cor principal e as duas cores complementares divididas como destaques para ações secundárias, realces ou séries em gráficos. Como os destaques não são opostos exatos, eles contrastam menos com a cor base do que um complemento direto.
O que acontece com preto, branco ou cinza?
As cores neutras têm saturação zero, então toda rotação de matiz retorna o mesmo cinza. Escolha uma cor base com alguma saturação para obter três cores distintas.
A ferramenta verifica o contraste do texto?
Não, ela apenas calcula as cores. As três têm a mesma luminosidade da cor base, então verifique qualquer combinação de texto e fundo com um verificador de contraste antes de publicá-la.
O resultado é igual ao do Color Palette Generator?
Sim. Esta ferramenta executa exatamente o cálculo da opção Split Complementary do Color Palette Generator, então ambas retornam os mesmos códigos hexadecimais para a mesma cor base.