OneKitTools logoOneKitTools
Voltar para Imagens

Gerador de Gradiente

Criar gradientes CSS com 15 presets, exportar para CSS, Tailwind, SCSS e PNG

Sobre Gerador de Gradiente

Crie gradientes CSS personalizados com 15 predefinições, pré-visualização ao vivo e exportação para CSS, Tailwind, SCSS ou PNG.

Como usar Gerador de Gradiente

  1. 1Escolha o tipo de gradiente: Linear, Radial ou Cônico.
  2. 2Adicione ou edite cores — arraste os pontos para ajustar as posições.
  3. 3Defina o ângulo (linear) ou a forma (radial: círculo/elipse).
  4. 4Starter+: escolha entre 15 predefinições profissionais ou clique em "Aleatório".
  5. 5Copie o código CSS ou exporte para Tailwind, SCSS ou PNG.

Dicas

  • O modo cônico é perfeito para efeitos de roda de cores ou indicadores de dial.
  • Baixe o gradiente como PNG para usar como papel de parede, banner ou placeholder.
  • A pré-visualização de texto mostra como o gradiente fica como efeito background-clip: text.

Ferramentas relacionadas

Equipe OneKitToolsAtualizado 2.21.4