▤🌈
Generador de degradados CSS
Lineal, radial y cónico.
Funciona por completo en tu navegador. No se envía nada a ningún sitio.
Cómo funciona
- 1Pega o escribe tu texto.
- 2Elige las opciones que necesites.
- 3Copia o descarga el resultado.
Sobre esta herramienta
Generador de degradados CSS: Lineal, radial y cónico. Pega tu texto y el resultado aparece al momento, listo para copiar o descargar. Todo ocurre en tu navegador: nada se sube ni se guarda.
Ejemplo
Entrada
#ff7e5f #feb47b 60% #86a8e7
Salida
background: linear-gradient(135deg, #ff7e5f, #feb47b 60%, #86a8e7);
¿Cómo se usa la herramienta «Generador de degradados CSS»?
Pega o escribe tu texto. Elige las opciones que necesites. Copia o descarga el resultado.
¿La herramienta «Generador de degradados CSS» es gratis?
Sí. Es totalmente gratuita, sin registro, sin límites de uso y sin marca de agua.
¿Se envían mis datos a un servidor?
No. Todo se calcula en tu navegador. Nada de lo que introduces se sube, registra ni guarda.
¿Funciona en el móvil?
Sí. Funciona en cualquier navegador moderno en Android, iPhone, iPad, Windows, Mac y Linux, sin apps.