Portal de UtilidadesGerador de Gradientes CSS
Crie gradientes CSS lineares ou radiais e copie o código pronto para usar.
Processado 100% no seu navegador — nada que você digita ou envia aqui sai do seu dispositivo.
background: linear-gradient(90deg, #3366cc, #cc3366);
Selecione duas ou mais cores, o tipo de gradiente (linear ou radial) e um ângulo, e veja o código CSS pronto para copiar — por exemplo, `linear-gradient(90deg, #4f46e5, #06b6d4)` cria uma transição diagonal do azul-violeta para o ciano. O gradiente é atualizado visualmente em tempo real conforme você ajusta as cores e o ângulo, para que você veja o resultado antes de copiar o código.
Processamento 100% no navegador.