Predefinições
background: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);
O que faz
Constrói gradientes CSS lineares, radiais e cônicos com múltiplos pontos de parada de cor e posições. Ajuste o ângulo, adicione ou remova stops e pegue CSS pronto para copiar - com pré-visualização ao vivo. 100% no cliente.
Como usar
- Escolha um Type (linear / radial / conic) e, quando relevante, um Angle.
- Adicione pontos de parada de cor, defina a cor e a posição de cada um.
- Use Copy para copiar o CSS.
Exemplos
Linear 90°, #6366f1 → #ec4899 →
background: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);Bom saber
- Privado: toda a geração é local.
- Os stops são ordenados por posição automaticamente.
- Ferramentas relacionadas: Color Picker, Palette Generator.