Gerador de gradientes CSS
Crie gradientes CSS bonitos com editor visual. Suporta gradientes lineares, radiais e cônicos. Copie código CSS instantaneamente. Gerador de gradientes CSS gratuito.
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
Perguntas Frequentes
What types of gradients can I create?
Linear gradients (directional, with customizable angle) and radial gradients (circular, from center outward). You can add up to 5 color stops.
Como Usar
Pick Colors
Start with a preset or set your own colors and stop positions.
Adjust
Set gradient type (linear/radial), angle, and color stop positions.
Copy CSS
Copy the generated CSS gradient code for your project.
Ferramentas relacionadas
Gerador de Box Shadow CSS
Crie belas sombras CSS com editor visual. Adicione múltiplas sombras, efeitos inset, blur, spread e cor. Pré-visualização ao vivo com cópia instantânea. Gerador gratuito.
Gerador de paletas de cores
Gere paletas de cores harmoniosas. Harmonias complementares, triádicas, análogas. Valores HEX, RGB, HSL.
Conversor de Cores
Converta cores entre formatos HEX, RGB, HSL e CMYK instantaneamente. Seletor e conversor gratuito para designers e desenvolvedores — sem registro, sem upload.
Gerador de imagens OG
Crie imagens Open Graph para redes sociais com texto, gradientes, fontes e cores personalizáveis. Exporte como PNG 1200x630. Gerador gratuito no navegador — sem registro.
Embelezador e minificador CSS
Embeleze ou minifique código CSS online. Formate CSS com indentação e espaçamento adequados, ou comprima para carregamento mais rápido. Formatador CSS gratuito no navegador — sem registro, instantâneo.