Gerador de Gradientes CSS
Crie Gradientes CSS Suaves e Modernos
Crie gradientes lineares de 2 e 3 cores. Ajuste ângulos, gere esquemas da sua paleta de cores favorita a partir de qualquer tom e copie códigos CSS, Tailwind ou SVG instantaneamente.
linear-gradient(135deg, #845EC2, #D65DB1, #FF9671)
background: linear-gradient(135deg, #845EC2 0%, #D65DB1 50%, #FF9671 100%);
Biblioteca de Gradientes Populares
Clique em qualquer gradiente para carregar no editor ou copiar o código CSS diretamente.
Violeta Cósmico
135° · 3 tonsPôr do Sol no Horizonte
90° · 3 tonsSafira Oceânica
180° · 3 tonsOnda Esmeralda
135° · 3 tonsAurora Boreal
45° · 3 tonsCrepúsculo Neon
120° · 3 tonsCítrico Quente
45° · 3 tonsMenta Ártica
160° · 3 tonsOrquídea da Meia-Noite
220° · 3 tonsOuro Rosa
90° · 3 tonsAnoitecer Aveludado
135° · 3 tonsCiano Elétrico
90° · 3 tonsComo Usar Gradientes CSS com o Gerador de Paleta de Cores
Da Paleta de Cores ao Gradiente Perfeito
Em nosso gerador de paleta de cores online, você descobre harmonias cromáticas ideais. Ao transferir essas cores para esta ferramenta de gradientes, você obtém transições fluidas que não criam zonas cinzentas indesejadas no meio da mesclagem.
Exportação Pronta para Produção
Além de código CSS puro, copie classes utilitárias para Tailwind CSS ou definições completas em formato vetorial SVG para ícones e backgrounds de sites e aplicativos modernos.