design
Gratuito
Sem cadastro
Gerador de QR Code
Crie visualmente gradientes CSS lineares e radiais e copie a propriedade CSS pronta para uso.
Carregando ferramenta…
Sobre esta ferramenta
Crie gradientes CSS bonitos sem escrever código. Adicione paradas de cor, arraste-as para definir posições, escolha o tipo de gradiente (linear ou radial) e ajuste o ângulo. A prévia ao vivo é atualizada instantaneamente, e você pode copiar a propriedade CSS de fundo completa com um clique.
Como usar
- 1 Selecione o tipo de gradiente 'Linear' ou 'Radial'.
- 2 Adicione paradas de cor e escolha cores e posições para cada uma.
- 3 Para gradientes lineares, ajuste o ângulo com o controle deslizante.
- 4 Copie a saída CSS e cole em sua folha de estilos.
Perguntas frequentes
Ferramentas relacionadas
Conversor de cores (HEX, RGB, HSL)
Converta cores entre HEX, RGB, HSL, HSV e CMYK — com prévia em tempo real.
Gerador de QR Code
Gere paletas de cores harmoniosas — complementares, triádicas, análogas e split-complementares — a partir de qualquer cor base.
Gerador de QR Code
Crie valores de box-shadow CSS visualmente com prévia ao vivo — suporta múltiplas camadas.