Como gerar variações mais claras e mais escuras de uma cor

Para que serve

Esta ferramenta gera variações mais claras e mais escuras a partir de uma cor fornecida. É útil para explorar rapidamente uma paleta, preparar opções para interfaces ou comparar diferentes intensidades de uma mesma cor sem criar cada valor manualmente.

Pode trabalhar com uma cor em notação hexadecimal e permite escolher quantas variações quer obter. Também pode concentrar o resultado apenas nas opções mais claras ou apenas nas mais escuras, conforme o objetivo do seu trabalho.

Como gerar as variações

Introduza uma cor no campo de cor. Se escrever o valor sem o símbolo #, este é acrescentado antes da conversão. A notação hexadecimal com três dígitos é expandida pela repetição de cada dígito antes do processamento.
Defina o número de passos. Se não alterar este campo, é utilizado o valor predefinido de 10. Para um número inteiro positivo, cada grupo incluído terá esse número de entradas.
Escolha os grupos que pretende incluir: variações mais claras, variações mais escuras ou ambos. Os dois grupos ficam incluídos por predefinição, mas podem ser omitidos de forma independente.
Execute a operação e consulte os dados devolvidos. Verifique a cor base apresentada e conte as entradas de cada grupo para confirmar que correspondem ao número de passos escolhido.
Se precisar de repetir a exploração, altere apenas a cor, o número de passos ou os grupos selecionados e execute novamente. Para uma cor de três dígitos, confirme que a expansão automática corresponde ao valor que pretende analisar.

Como ler o resultado

O resultado apresenta a cor base e os grupos de variações que foram incluídos. Com um número de passos positivo, o tamanho de cada grupo acompanha esse número: por exemplo, cinco passos produzem cinco entradas no grupo mais claro e cinco no grupo mais escuro quando ambos estão incluídos.

Os valores dos canais de cor são arredondados para números inteiros e mantidos dentro do intervalo de 0 a 255 antes de serem convertidos para hexadecimal. Por isso, pequenas diferenças entre passos podem resultar do arredondamento e da limitação dos canais.

Se a conversão da cor falhar, os dados devolvidos indicam um erro, embora a operação esteja marcada como bem-sucedida. Nesse caso, não interprete a marca de sucesso como confirmação de que a cor foi processada corretamente; reveja o valor introduzido e utilize uma notação que seja aceite pela conversão.

Exemplo prático

Quer comparar três opções mais claras e três opções mais escuras a partir da cor hexadecimal curta #abc.

Introduza #abc, defina três passos, mantenha os dois grupos incluídos e execute a operação.

O resultado deve apresentar a cor base #abc, um grupo de variações mais claras com três entradas e um grupo de variações mais escuras com três entradas.

Limitações

A conversão de uma cor inválida pode devolver uma indicação de erro apesar de a operação estar marcada como bem-sucedida. Os factos disponíveis não definem regras adicionais de validação nem permitem concluir onde a ferramenta é executada.

Erros comuns

Introduzir um valor de cor que não é convertido corretamente pode gerar uma indicação de erro nos dados, mesmo com a operação marcada como bem-sucedida. Corrija a notação hexadecimal, confirme o símbolo # quando necessário e repita a operação.

Perguntas frequentes

Posso introduzir uma cor hexadecimal com três dígitos?

Sim, desde que a notação com três dígitos seja convertida corretamente: cada dígito é repetido antes do processamento. Reveja o resultado da cor base e as entradas devolvidas.

Quantas variações são geradas por grupo?

Sim. Para um número inteiro positivo de passos, cada grupo incluído contém esse número de entradas. Se incluir os dois grupos e escolher cinco passos, terá cinco variações mais claras e cinco mais escuras.

Posso gerar apenas variações mais claras ou apenas mais escuras?

Pode omitir cada grupo de forma independente. Se não alterar essa opção, os grupos mais claro e mais escuro ficam ambos incluídos.