Developer Tools
CSS Gradient Generator
🔒 Corre no seu navegador
Create linear, radial, and conic CSS gradients with a live preview. Copy the CSS instantly. Free, runs in your browser.
Como usar esta ferramenta
- Escolhe o tipo de gradiente, a direção e as paragens de cor.
- Pré-visualiza o gradiente em direto e ajusta até ficares satisfeito.
- Copia o código CSS gerado para a tua folha de estilos.
Color stops
0%
100%
CSS
background: linear-gradient(135deg, #f97316 0%, #8b5cf6 100%);
Perguntas frequentes
- O gerador de gradientes envia os meus dados para um servidor?
- Não. Todo o rendering de gradientes e a geração de código CSS acontece inteiramente no seu navegador. Nada é transmitido para lado nenhum.
- Que tipos de gradientes posso criar?
- Pode criar gradientes lineares CSS (transições de cor direcionais) e gradientes radiais (circulares ou elípticos). Ambos suportam múltiplas paragens de cor.
- Posso usar o output diretamente no meu CSS?
- Sim. A ferramenta produz código CSS pronto a usar que pode copiar e colar diretamente na sua folha de estilos.
- Suporta múltiplas paragens de cor?
- Sim. Pode adicionar tantas paragens de cor quantas necessitar e ajustar as suas posições ao longo do eixo do gradiente.
Mais ferramentas gratuitasVer as 492 →