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
- 1Escolha o tipo de gradiente: Linear, Radial ou Cônico.
- 2Adicione ou edite cores — arraste os pontos para ajustar as posições.
- 3Defina o ângulo (linear) ou a forma (radial: círculo/elipse).
- 4Starter+: escolha entre 15 predefinições profissionais ou clique em "Aleatório".
- 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