Gerador de Gradientes

Todas as ferramentas
Gerador de Gradientes
Construa gradientes CSS lineares, radiais e cónicos de raiz com controlo de múltiplos pontos arrastáveis e predefinições selecionadas. Copie CSS pronto a colar instantaneamente.
Pré-visualização em direto
Predefinições
Tipo de gradiente
Ângulo
°
Pontos de cor
Arraste um ponto para o mover, ou clique na barra para adicionar um. Selecione um ponto para editar a sua cor.
Ponto selecionado
%
CSS
background: —;

Tudo é calculado em direto no seu browser — sem registo, completamente gratuito.

Partilhar
Ferramentas Relacionadas
Gerador de Gradiente a partir de Imagem

Extraia um gradiente bonito de qualquer fotografia — largue uma imagem, escolha um mood e as cores dominantes tornam-se pontos de gradiente arrastáveis. Copie CSS pronto a colar instantaneamente.
Gerador de Paletas de Cor

Construa paletas de cores harmoniosas a partir de uma roda de cores interativa — aplique regras de harmonia como análoga, complementar ou tríade, e copie qualquer valor instantaneamente.
Misturador de Cores

Misture uma cor inicial com uma cor final em até 10 passos — pré-visualize o gradiente, obtenha cada tom e copie qualquer formato instantaneamente.
Pesquisas populares
gerador de gradiente criador de gradiente css gerador de gradiente linear criador de gradiente radial gradiente cônico css gerador de gradiente grátis

Adicione esta ferramenta gratuita ao seu próprio site — copie e cole o código abaixo.