Como gerar harmonias de cores a partir de um código hexadecimal

Quando usar esta ferramenta para explorar cores

O Color Harmonies permite partir de uma cor em hexadecimal RGB e explorar relações cromáticas através de tipos de harmonia selecionáveis. É útil quando está a comparar combinações para uma composição visual, uma interface ou uma proposta gráfica e pretende observar a cor de origem juntamente com variações calculadas a partir dela. A cor e o tipo de harmonia são entradas opcionais, por isso pode começar com os valores predefinidos quando ainda não tem uma escolha definida.

A ferramenta trabalha com uma representação específica: hexadecimal RGB. Isto significa que deve preparar a cor como um código composto por valores hexadecimais dos canais vermelho, verde e azul, em vez de usar nomes de cores ou outras sintaxes. O resultado não é uma conversão genérica entre formatos; é uma apresentação da cor de base e das cores geradas segundo a relação cromática escolhida.

Para uma experiência rápida, deixe os campos sem preenchimento e observe o resultado predefinido. Quando precisar de comparar uma cor concreta, introduza o respetivo código e escolha a transformação que melhor corresponde ao objetivo visual.

Procedimento para obter uma combinação cromática

1. Introduza a cor no campo destinado ao valor hexadecimal RGB. Pode escrever #3498db ou 3498db; quando o símbolo # não aparece no início, ele é acrescentado. Também pode fornecer uma forma hexadecimal com três dígitos, que é expandida para seis dígitos antes da interpretação. Assim, uma entrada curta continua a representar uma cor RGB hexadecimal completa.

2. Escolha o tipo de harmonia a analisar. As opções reconhecidas são complementary, analogous, triadic, split_complementary e tetradic. Use a opção complementar para procurar a relação oposta no círculo de tonalidade, as opções análoga ou triádica para comparar relações distribuídas de modo diferente e as opções split-complementary ou tetradic para observar conjuntos com mais variações.

3. Inicie a geração depois de rever os dois valores. Como as entradas são opcionais, pode deixar a cor por indicar para usar #3498db, ou deixar o tipo por indicar para usar complementary. Também é possível omitir os dois valores e começar com essas predefinições.

4. Abra o resultado e identifique primeiro a cor de base normalizada. Em seguida, veja as cores geradas associadas ao tipo selecionado, mantendo a relação entre a entrada e as variações para a comparação visual.

5. Se a resposta indicar um problema com a escolha da harmonia, confirme a grafia do tipo usado e substitua-a por uma das cinco opções reconhecidas antes de repetir a geração.

O que representam as cores apresentadas

A cor de base normalizada serve como referência para avaliar o conjunto produzido, enquanto cada cor gerada representa uma transformação da entrada. Na variação complementary, a tonalidade avança 180 graus e a saturação e a luminosidade da entrada são mantidas. Em analogous, os deslocamentos são de -30 e +30 graus, com 90% da luminosidade original, criando duas direções próximas da tonalidade inicial.

A opção triadic aplica deslocamentos de 120 e 240 graus; no pedido testado, o resultado contém quatro entradas de harmonia, incluindo a base. split_complementary usa deslocamentos de 150 e 210 graus e o pedido testado é concluído com sucesso. Já tetradic calcula deslocamentos de 60, 180 e 240 graus, oferecendo três variações além da referência.

A apresentação final converte as cores geradas para códigos hexadecimais RGB de seis dígitos, em minúsculas e com # inicial. Antes dessa formatação, os canais RGB são arredondados e limitados ao intervalo de 0 a 255. Por isso, a forma exibida pode estar mais normalizada do que o texto introduzido. Uma harmonia só deve ser interpretada como gerada quando o tipo fornecido é reconhecido; uma designação fora das opções disponíveis conduz a uma resposta com erro.

Exemplo prático

Está a testar uma cor azul em hexadecimal para encontrar a relação complementar que pode comparar numa composição visual.

Introduza #3498db, selecione complementary e inicie a geração; depois, compare a base apresentada com a variação cuja tonalidade foi deslocada 180 graus.

A resposta apresenta a base normalizada e as cores geradas para complementary, em códigos hexadecimais RGB de seis dígitos, com minúsculas e # inicial.

Limitações

• A ferramenta interpreta a cor como hexadecimal RGB e disponibiliza apenas complementary, analogous, triadic, split_complementary e tetradic como tipos reconhecidos.

Erros comuns

• Um tipo escrito fora das cinco opções reconhecidas não produz a harmonia pretendida. Reveja a grafia e selecione complementary, analogous, triadic, split_complementary ou tetradic.

Perguntas frequentes

O que acontece se deixar os campos vazios?

Quando a cor fica vazia, a ferramenta usa #3498db; quando o tipo também não é indicado, aplica complementary.

Posso escrever uma cor sem o símbolo #?

Quando o valor continua a ser hexadecimal RGB válido, pode omitir o # inicial, porque o símbolo em falta é acrescentado. Uma forma com três dígitos é expandida para seis antes de ser interpretada.

O que acontece com um tipo de harmonia inválido?

Quando a designação não pertence às opções reconhecidas, a resposta contém um erro em vez de uma harmonia gerada. Escolha um dos cinco tipos suportados para prosseguir.