100 100.tools
Formatador e validador JSON Comparador de diferenças de texto Testador de expressões regulares Gerador de Cron Gerador de UUID / GUID em lote Prévia de Meta Tags de SEO

Gerador de gradiente CSS

Crie gradientes CSS lineares, radiais e cônicos visualmente, arraste paradas de cor, escolha cores e copie CSS pronto para produção.

Roda localmente no navegador. Nada é enviado.

Prévia

Arraste paradas ou altere valores para atualizar o gradiente.

Arraste os marcadores da barra para ajustar posições.

Predefinições

Comece com uma paleta equilibrada.

Tipo de gradiente

Paradas de cor

Arraste marcadores ou edite cada parada.

Saída CSS

Copie a declaração background ou uma classe reutilizável.

Pronto.

Gerador de gradiente CSS

Crie gradientes CSS lineares, radiais e cônicos visualmente, arraste paradas de cor, escolha cores e copie CSS pronto para produção.

Privacidade

Roda localmente no navegador. Nada é enviado.

Recursos

  • Arraste paradas ou altere valores para atualizar o gradiente.
  • Arraste marcadores ou edite cada parada.
  • Copiar CSS
  • Copiar classe
  • Roda localmente no navegador. Nada é enviado.

Como usar

  1. Predefinições

    Comece com uma paleta equilibrada.

  2. Paradas de cor

    Arraste os marcadores da barra para ajustar posições.

  3. Tipo de gradiente

    Linear / Radial / Cônico

  4. Saída CSS

    Copie a declaração background ou uma classe reutilizável.

Perguntas frequentes

Gerador de gradiente CSS

Crie gradientes CSS lineares, radiais e cônicos visualmente, arraste paradas de cor, escolha cores e copie CSS pronto para produção.

Copiar CSS

Copie a declaração background ou uma classe reutilizável.

Roda localmente no navegador. Nada é enviado.

Roda localmente no navegador. Nada é enviado.

Ferramentas relacionadas

IMAGE Extrator de paleta de cores Extraia paletas HEX, RGB, HSL e CSS de imagens. SVG SVG para PNG Exporte SVG para PNG localmente. IMAGE Imagem para Base64 Converta imagens para Data URI, CSS url() ou Base64. JSON Formatador e validador JSON Formata, valida e recolhe JSON localmente. TEXT-DIFF Comparador de diferenças de texto Compare texto original e alterado com diff local lado a lado ou unificado. REGEX Testador de expressões regulares Teste regex ao vivo com realce e grupos. CRON Gerador de Cron Gere e explique expressões cron localmente. UUID Gerador de UUID / GUID em lote Gere e exporte lotes de UUID v1, v4 e v7.