Gerador de Gradientes

Crie gradientes CSS bonitos para seus projetos

Projete gradientes lineares, radiais e conicos impressionantes com visualização em tempo real e exportação CSS instantanea.

Tipo de Gradiente

Direção

90° 360°

Cores

Predefinições de Gradiente

Visualização

Gradiente Bonito

Código CSS

Exportar

Como Usar

1

Escolha o tipo de gradiente (linear, radial ou conico)

2

Defina a direção ou use o controle deslizante de ângulo

3

Adicione cores e ajuste posições

4

Copie o código CSS ou baixe o arquivo

Copiado para a área de transferencia!