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

#38bdf8, #818cf8, 135

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