Gerador de Tons e Sombras de Cor
Gere variações claras e escuras a partir de uma cor hexadecimal com número configurável de passos.
Executar ferramenta
Este utilitário online gera variantes claras e escuras a partir de uma cor hexadecimal de referência. Ao definir o código de partida, o sistema calcula variações graduais através da interpolação direta dos canais de cor. O utilizador pode ajustar o número de passos pretendidos para criar paletas compactas ou escalas cromáticas mais extensas e detalhadas. O gerador suporta a introdução de códigos com três ou seis dígitos hexadecimais, adicionando o prefixo cardinal automaticamente caso seja omitido. É possível ativar ou desativar de forma independente as listas de tonalidades claras e de sombras escuras, adaptando o resultado às necessidades do projeto gráfico ou da interface web. Todos os valores calculados para os canais vermelho, verde e azul são arredondados a números inteiros no intervalo de 0 a 255 antes da conversão final para hexadecimal. Caso o valor introduzido não corresponda a um formato hexadecimal válido, o painel apresenta uma indicação clara de erro para permitir a devida retificação dos dados.
Instruções
- Insira o código hexadecimal da cor base no campo de cor ou selecione-a visualmente.
- Indique o número pretendido de passos de gradação para calcular as variações.
- Ative ou desative as opções para incluir tonalidades claras e sombras escuras conforme pretendido.
- Consulte a lista gerada com os códigos hexadecimais e a respetiva cor de base normalizada.
Exemplos
- Introduzir #3498db com 5 passos e ambas as opções ativas para obter cinco tons mais claros e cinco sombras mais escuras.
- Introduzir o código f00 sem prefixo cardinal com 3 passos e apenas a opção de tons claros selecionada para gerar três variações claras de vermelho.
Perguntas frequentes
O que acontece se introduzir um código de três dígitos como #abc?
O utilitário expande automaticamente cada dígito, convertendo a entrada para o formato de seis dígitos #aabbcc antes de efetuar os cálculos.
É obrigatório incluir o símbolo cardinal no início do código?
Não. Se o código for inserido sem o prefixo, o sistema adiciona o cardinal automaticamente antes da conversão.
Posso gerar apenas as variantes escuras de uma cor?
Sim, basta desselecionar a opção de tons claros e manter ativa apenas a opção de tons escuros na interface.
Como são calculados os valores de cada canal de cor?
Os valores RGB resultantes de cada passo de interpolação são arredondados a números inteiros e limitados ao intervalo entre 0 e 255 antes de serem formatados em hexadecimal.