Como gerar uma paleta de cores harmoniosa

Conheça as opções da paleta

Este gerador cria paletas de cores harmoniosas a partir de três elementos: uma cor base, um tipo de relação cromática e uma quantidade pretendida. É adequado para explorar uma direção visual antes de selecionar cores para uma apresentação, uma página ou outro projeto. A cor base serve de ponto de partida para a geração, enquanto o tipo escolhido orienta a relação entre os tons apresentados.

Estão disponíveis os tipos monochromatic, complementary, analogous e random. O primeiro trabalha a partir da mesma cor; o segundo explora uma relação complementar; o terceiro reúne cores próximas; e o último introduz variação aleatória. Quando os valores são omitidos, o gerador considera #3498db, monochromatic e 5 cores, respetivamente. Esses valores predefinidos permitem obter uma primeira paleta sem preencher todos os campos.

Preencha os valores e gere a paleta

1. Introduza uma cor base em formato hexadecimal. Pode escrever #336699, incluindo o símbolo inicial, ou 336699, sem esse símbolo. Quando falta #, o gerador acrescenta-o antes de interpretar o valor. Também aceita uma cor hexadecimal com três algarismos; por exemplo, 369 é expandido para a forma equivalente com seis algarismos antes da leitura.

2. Selecione um dos quatro tipos disponíveis no controlo correspondente. Use monochromatic quando pretende variações baseadas na mesma cor, complementary quando procura uma relação de oposição cromática, analogous quando prefere tons próximos ou random quando quer explorar uma seleção variável.

3. Indique a quantidade de cores pretendida. O valor é convertido para um número inteiro e depois ajustado ao intervalo entre 3 e 12. Assim, uma quantidade inferior a 3 fica sujeita ao limite mínimo, enquanto uma quantidade superior a 12 fica sujeita ao limite máximo. Se o valor não puder ser convertido, a quantidade utilizada é 5.

4. Acione o controlo disponível para gerar a paleta. Com uma cor base interpretável, um tipo reconhecido e uma quantidade normalizada válida, o resultado apresenta essa quantidade de cores. A quantidade efetiva pode, por isso, ser diferente do número escrito quando este fica fora do intervalo suportado.

5. Para comparar possibilidades, faça uma nova geração depois de alterar a cor, o tipo ou a quantidade. Ao usar random, cada chamada escolhe valores de tonalidade, saturação e luminosidade através de um gerador aleatório, pelo que os valores apresentados podem mudar entre chamadas. Nos outros tipos, a relação cromática corresponde à opção selecionada.

Leia a quantidade e o formato devolvidos

Cada cor devolvida deve ser lida como um valor hexadecimal iniciado por #, com seis algarismos e letras minúsculas. Os canais de cor são arredondados para números inteiros e mantidos entre 0 e 255, pelo que o resultado segue uma forma uniforme para comparar e reutilizar os valores.

A quantidade visível representa o número depois da normalização, não necessariamente o valor introduzido. Por exemplo, pedir 2 não origina uma paleta com duas cores, porque a quantidade fica condicionada ao mínimo de 3; indicar 20 também não garante vinte elementos, pois o máximo suportado é 12. Um campo de quantidade que não permita conversão conduz ao valor predefinido de 5.

A leitura do resultado depende ainda da validade dos outros dois campos. Se o tipo indicado não for reconhecido, é apresentada uma indicação de erro em vez de uma paleta. O mesmo acontece quando a interpretação da cor base provoca um erro de leitura. Nesses casos, não se deve tratar a resposta como um conjunto de cores gerado.

As paletas random não têm de repetir os mesmos valores em gerações sucessivas. A mudança entre resultados é compatível com a utilização de escolhas aleatórias para os três componentes de cor. Ao avaliar uma paleta, observe se a relação cromática obtida corresponde ao objetivo visual e confirme o formato de cada valor antes de o usar.

Exemplo prático

Para explorar tons próximos de azul escuro, uma pessoa introduz #336699, escolhe analogous e pede 4 cores.

Introduza #336699 como cor base, selecione analogous, indique 4 e acione a geração.

Uma paleta com 4 valores, cada um no formato hexadecimal minúsculo, começado por # e seguido de seis algarismos.

Limitações

• A quantidade fica limitada entre 3 e 12, e uma cor base não interpretável ou um tipo desconhecido produz uma indicação de erro em vez de cores geradas.

Erros comuns

• Uma cor base com formato não interpretável pode produzir uma indicação de erro sem cores geradas. Substitua-a por um valor hexadecimal válido, como #336699, e repita a geração.

Perguntas frequentes

Posso escrever a cor base sem o símbolo #?

Quando o símbolo não está presente, o gerador acrescenta # antes de interpretar a cor. Uma forma hexadecimal com três algarismos também é expandida para a representação equivalente com seis algarismos.

Como é determinada a quantidade de cores?

Quando a conversão é possível, a quantidade inteira fica limitada ao intervalo de 3 a 12; se a conversão falhar, é usado o valor 5.

Porque é que uma paleta random pode mudar?

Quando escolhe random, tonalidade, saturação e luminosidade são obtidas através de um gerador aleatório, por isso chamadas repetidas podem apresentar cores diferentes.