Criador de Gradientes
Crie gradientes e exporte CSS limpo
Componha gradientes lineares, radiais e cônicos com pré-visualizações ao vivo, depois copie o CSS, pegue um valor Tailwind ou baixe um SVG.
Tipo
Paradas de cor
CSS
Predefinições aleatórias
FAQ
Perguntas sobre o criador de gradientes
Que tipos de gradientes posso criar?
Gradientes CSS lineares, radiais e cônicos. Adicione, remova e reordene paradas de cor, arraste-as ao longo da trilha e ajuste o ângulo ou a posição com controles ao vivo.
Como exporto o gradiente?
Copie o fundo CSS gerado (linear-gradient, radial-gradient ou conic-gradient), o valor arbitrário correspondente do Tailwind, ou baixe-o como SVG.
Posso começar de uma paleta extraída?
Sim. Gere uma paleta na página do Gerador de Paletas e cole os códigos HEX nas paradas do gradiente para criar um gradiente correspondente em segundos.
Ele suporta transparência?
Cada parada aceita um valor alfa, então você pode esmaecer uma cor até transparente em qualquer ponto do gradiente.
Comece agora
Sua próxima paleta está a uma imagem de distância
Escolha cores, extraia paletas e exporte código — grátis, privado e instantâneo.