Como criar uma paleta de cores degradê
Escolha a cor inicial e a final, digitando o código ou usando o seletor, e quantos tons você quer entre elas, de 3 a 12. As cores intermediárias são calculadas em um espaço de cor que imita a visão humana (OKLab), então os saltos entre os tons ficam uniformes e não aparecem cinzas sujos no meio.
Paleta degradê ou gradiente contínuo
Esta ferramenta dá cores separadas, cada uma com seu código, para usar uma a uma: em uma escala do Tailwind, em gráficos, em uma apresentação ou nas seções de um site. Se o que você precisa é de um fundo que passe suavemente de uma cor para outra, use o gerador de gradiente CSS.
Perguntas frequentes
O que é uma paleta de cores degradê?
É uma série de cores que passam aos poucos de uma cor para outra. Por exemplo, de rosa a azul-celeste em 7 passos. Cada cor tem seu próprio código HEX e pode ser usada separadamente.
Quantas cores a paleta pode ter?
Entre 3 e 12. Com poucas cores os saltos ficam mais visíveis; com muitas, a transição é mais suave e você tem mais tons para escolher.
Em quais formatos posso exportar?
Em variáveis CSS com o degradê pronto para usar, lista de códigos HEX, configuração do Tailwind, JSON, SVG ou imagem PNG. Você também pode abrir no gerador de paletas para continuar editando.
Por que os tons intermediários não ficam acinzentados?
Porque a mistura é calculada em OKLab, um espaço de cor pensado para a visão humana. Uma mistura direta em RGB entre cores opostas, como rosa e verde, passa por tons apagados; em OKLab a passagem é mais limpa e uniforme.
Posso compartilhar minha paleta?
Sim. O endereço da página guarda as duas cores e o número de tons, então você pode copiar e enviar.
Qual a diferença para o gerador de gradiente?
O gerador de gradiente cria um fundo contínuo em CSS. Esta ferramenta dá as cores separadas que existem entre duas cores, para usar uma a uma.
É grátis?
Sim, sem cadastro e sem limites. Você pode salvar seus degradês favoritos com o coração; eles ficam guardados neste navegador.