Design

Gerador de gradientes CSS

Crie gradientes CSS lineares ou radiais com duas cores e pré-visualização.

01Dados e definições

O cálculo é feito no navegador, sem instalar programas.

02Resultado

À espera de dados
À espera de dados

Introduza valores ou carregue o exemplo para ver o resultado.

Sobre esta ferramenta: Gerador de gradientes CSS

Crie gradientes CSS lineares ou radiais com duas cores e pré-visualização.

As operações dependem do formato. Os caracteres e a sintaxe permitidos constam da descrição e do exemplo.

Método de cálculo

linear-gradient(angle, color₁, color₂)

Exemplo explicado

Modo
Linear
Primeira cor
#4f46e5
Segunda cor
#06b6d4
Ângulo do gradiente, °
135
background: linear-gradient(135deg, #4f46e5, #06b6d4);

Perguntas e respostas

O que faz esta ferramenta?

Crie gradientes CSS lineares ou radiais com duas cores e pré-visualização. As operações dependem do formato. Os caracteres e a sintaxe permitidos constam da descrição e do exemplo.

O que afeta a precisão e o formato?

As cores usam seis dígitos HEX. O ângulo aplica-se apenas a gradientes lineares.

Onde são efetuados os cálculos?

O cálculo é feito no navegador, sem instalar programas.

Comentários (0)

Compartilhe sua opinião — por favor, seja educado e mantenha-se no tema.

Ainda não há comentários. Deixe um comentário e compartilhe sua opinião!

Para deixar um comentário, faça login.

Faça login para comentar