ToolRobinSem login, use na hora

Gerador de gradientes CSS

Crie um gradiente linear ou radial com duas cores.

Crie um gradiente linear ou radial com duas cores.

Opções

sRGB HEX · 2 cores · 0–360° · Duas cores opacas, ângulo linear ou radial central. Sem cores extras, imagens ou rede. Copiar CSS não altera seu site.

Como usar

Gerador de gradientes CSS

Crie um gradiente linear ou radial com duas cores.

Passo a passo

  1. Mude apenas as opções necessárias e respeite os limites.
  2. Mude apenas as opções necessárias e respeite os limites. Primeira cor: #2563eb · Segunda cor: #7c3aed · Ângulo (graus): 90 · Tipo: Linear · Duas cores opacas, ângulo linear ou radial central. Sem cores extras, imagens ou rede. Copiar CSS não altera seu site.
  3. Processe, compare com o original e copie ou baixe.

Como escolher as configurações

OpçãoO que muda
OpçõesMude apenas as opções necessárias e respeite os limites. Primeira cor: #2563eb · Segunda cor: #7c3aed · Ângulo (graus): 90 · Tipo: Linear · Duas cores opacas, ângulo linear ou radial central. Sem cores extras, imagens ou rede. Copiar CSS não altera seu site.
LimitessRGB HEX · 2 cores · 0–360° · Duas cores opacas, ângulo linear ou radial central. Sem cores extras, imagens ou rede. Copiar CSS não altera seu site.

Exemplo e resultado esperado

É um exemplo esperado, não uma medição real. linear-gradient(90deg, #2563EB, #7C3AED);

Se não funcionar

  • Corrija opções ou entrada incompatível e tente novamente. O original fica intacto; reduza arquivos grandes.
  • Duas cores opacas, ângulo linear ou radial central. Sem cores extras, imagens ou rede. Copiar CSS não altera seu site.

Formatos e limites

sRGB HEX · 2 cores · 0–360° · Duas cores opacas, ângulo linear ou radial central. Sem cores extras, imagens ou rede. Copiar CSS não altera seu site.

Perguntas frequentes

O que esta ferramenta faz?

Crie um gradiente linear ou radial com duas cores.

Qual ajuste devo escolher?

Mude apenas as opções necessárias e respeite os limites. Primeira cor: #2563eb · Segunda cor: #7c3aed · Ângulo (graus): 90 · Tipo: Linear · Duas cores opacas, ângulo linear ou radial central. Sem cores extras, imagens ou rede. Copiar CSS não altera seu site.

Quais são os limites?

sRGB HEX · 2 cores · 0–360° · Duas cores opacas, ângulo linear ou radial central. Sem cores extras, imagens ou rede. Copiar CSS não altera seu site.

Por que o processamento falhou?

Corrija opções ou entrada incompatível e tente novamente. O original fica intacto; reduza arquivos grandes.

Minha entrada é enviada ou salva?

Não. O processamento ocorre no seu dispositivo. As entradas e os resultados ficam na memória desta página até você limpar ou sair. O ToolRobin não os envia, registra nem armazena. Copiar coloca o resultado na área de transferência do seu dispositivo.

Você também pode precisar