All Tools / Ferramentas de Desenvolvedor / Gerador de Gradiente CSS — Gratuito Online
Configurações
Ângulo 135°
Predefinições
Paradas de Cor
Código CSS

Gerador de Gradiente CSS

O que esta ferramenta faz

Escolha um tipo de gradiente (Linear, Radial ou Cônico), ajuste o ângulo ou a forma, adicione paradas de cor e arraste suas posições e copie o CSS pronto para usar. A prévia atualiza em tempo real enquanto você edita. Clique em um swatch predefinido para aplicá-lo como ponto de partida.

Como usar

  1. Escolha um tipo: Linear, Radial ou Cônico.
  2. Ajuste o ângulo (Linear/Cônico) ou a forma (Radial).
  3. Clique em um swatch para mudar a cor ou digite um valor HEX.
  4. Arraste os controles de posição para distribuir as cores.
  5. Clique em Copiar para copiar o código CSS.