ferramentas.pro.br

Gerador de Gradiente CSS

Escolha duas cores e o ângulo (ou o tipo radial) para montar um gradiente CSS visualmente, com pré-visualização ao vivo e o código pronto pra copiar e colar.

135°
background: linear-gradient(135deg, #6d5bf6, #14b8a6);

Como funciona

O gradiente CSS é montado a partir de duas cores e um ângulo (linear) ou centro (radial), gerando o código pronto na sintaxe `linear-gradient()` ou `radial-gradient()`.

Como usar

Escolha as duas cores, o tipo (linear ou radial) e o ângulo — a pré-visualização e o código CSS atualizam em tempo real.