Uma paleta ajuda a organizar as cores que serão usadas em fundos, textos, detalhes e elementos de ação. Este gerador parte de uma cor hexadecimal e cria cinco tons, do mais escuro ao mais claro. Ele oferece uma variação da mesma cor de base, não uma análise automática de identidade visual ou de combinações complementares.
Como exemplo de aplicação, um tom claro pode ser testado no fundo de um cartão e outro mais escuro no título. Isso não significa que toda combinação da paleta seja legível. A escolha depende das duas cores usadas juntas, do tamanho do texto e do contexto em que o elemento aparece.
A ferramenta não mede contraste nem certifica acessibilidade. Compare texto, botão e fundo com um verificador apropriado e consulte a orientação de contraste da W3C. Teste também se estados como foco, erro e seleção continuam distinguíveis, sem depender somente de uma mudança sutil de cor.
Você pode copiar os valores hexadecimais ou baixar as variáveis CSS e atribuir seus próprios nomes de uso no projeto. Se estiver escolhendo a identidade de uma loja, combine esse trabalho com o processo de escolha do nome; a paleta não comprova que uma cor representa determinado público ou melhora vendas.
Experimente grátis e conheça os recursos na prática.