Informe a cor HEX.
Clique em Gerar paleta.
Copie um tom ou o bloco de variáveis CSS.
Gerar paleta a partir de HEX
Informe uma cor HEX para ver tons mais claros e mais escuros e copiar as variáveis CSS.
Base
Processado localmente no seu navegador. Seus dados não são enviados para nossos servidores.
Essa ferramenta foi útil?
Obrigado pelo retorno.
Como usar
Sobre a ferramenta
Monta uma paleta de tons a partir de HEX no navegador, com variáveis CSS.
Escala a partir do HEX
A cor base é misturada com branco e preto para montar tons claros e escuros. O resultado inclui variáveis CSS para colar no :root.
Ferramentas relacionadas
Conversor de CoresConverta HEX, RGB e HSL e copie um trecho CSS.
Extrator de Cores de ImagemExtraia a paleta dominante de uma imagem com pipeta e exportação CSS.
Perguntas frequentes
Essa paleta lê as cores de uma foto?
Não. Aqui você informa um HEX e a página mistura com branco e preto. Para puxar cores de uma imagem, use o Extrator de Cores.
O que o botão Copiar CSS gera?
Um bloco :root com variáveis --cor-20 até --cor-180, prontas para colar no CSS do projeto.
Aceita #RGB curto?
Sim. #369 vira #336699. HEX inválido (letras fora de 0–F ou tamanho errado) é rejeitado.