Gerador de degradê CSS

Cor

Um gerador de degradê combina duas cores HEX em um valor CSS linear-gradient pronto para copiar.

Tradução assistida por IA em revisão

Esta página foi traduzida com ajuda de IA e ainda não recebeu revisão profissional. Consulte as fontes citadas antes de usá-la em uma decisão importante.

O que é

Um degradê linear faz a transição suave entre duas ou mais cores ao longo de um ângulo. No CSS, ele é escrito com a função linear-gradient().

linear-gradient(ângulo, corA, corB)

Como usar

  1. 1Digite a primeira cor HEX.
  2. 2Digite a segunda cor e o ângulo.
  3. 3Copie o valor CSS linear-gradient.

Referência

Gerador de degradê CSS Referência
EntradaResultado
exemplovalor CSS linear-gradient

Fontes e padrões

Perguntas frequentes

Posso usar o resultado diretamente no CSS?

Sim. O valor linear-gradient() é copiado exatamente como está na propriedade background do seu CSS.

Os dados do degradê são enviados para um servidor?

Não. Esta ferramenta funciona no seu navegador e não envia os dados para nenhum servidor.

Ferramentas relacionadas