Gerador de gradientes CSS

Cria um gradiente linear simples e copia o CSS.

Entrada

Saída

Quando usar Gerador de gradientes CSS

Testar cores de fundo rapidamente
Copiar CSS de gradiente para protótipos
Explorar direções e stops de cor

Exemplo

Entrada

#38bdf8, #818cf8, 135

Saída

background: linear-gradient(135deg, #38bdf8, #818cf8);

Benefícios

Grátis no navegador
Sem instalação nem cadastro
Resultados instantâneos no seu dispositivo
Ajuste ângulo e cores, depois copie a regra background gerada.

Ferramentas relacionadas