Cómo se usa
Ajusta los controles con la vista previa y después copia el código o descarga la imagen.
🌈
Generador de gradientes CSS
Ajusta colores y dirección, previsualiza el gradiente y copia el CSS.
background: linear-gradient(135deg, #FF6B86, #7657D5);
GUÍA DE LA HERRAMIENTA
Cuándo usarla
Contenido revisado · 2026-07-24
Ajusta colores y dirección, previsualiza el gradiente y copia el CSS.
Antes de usar el resultado
La compatibilidad del navegador y la pantalla pueden hacer que el resultado final difiera de la vista previa.
Tratamiento de datos
Los valores se usan solo en esta pantalla y no se envían ni almacenan por separado.
Herramientas relacionadas
Herramientas que encajan con esta tarea.