Generador de Degradados
Crea degradados CSS y copia el código.
Crea un degradado CSS de forma visual: elige lineal o radial, ajusta el ángulo, añade tantas paradas de color como quieras y copia el CSS listo para pegar. Usa un preajuste, genera un degradado aleatorio o afina cada parada. Generado localmente en tu navegador.
Paradas de color
Preajustes
Todas las conversiones de color se ejecutan localmente en tu navegador — nada se sube, guarda ni registra.
Cómo funciona
- 1 Elige lineal o radial y ajusta el ángulo.
- 2 Añade y posiciona las paradas de color.
- 3 Ajusta los colores hasta que te guste la vista previa.
- 4 Copia el CSS o genera uno aleatorio.
Casos de uso comunes
- Crear un fondo de cabecera o de botón.
- Hacer una tarjeta o un banner colorido.
- Prototipar rápidamente un degradado de marca.
- Generar fondos de marcador de posición.
Preguntas frecuentes
¿Se envían mis datos de color a algún sitio?
No. Cada conversión y cálculo se ejecuta por completo en tu navegador — nada se sube, almacena ni registra.
¿Qué tipos de degradado son compatibles?
Lineal (con un ángulo) y radial. Cada uno admite dos o más paradas de color que puedes posicionar del 0% al 100%.
¿Puedo usar el CSS directamente?
Sí. Copia la declaración `background:` y pégala en tu hoja de estilos — funciona en todos los navegadores modernos.
¿Es realmente gratis?
Sí — gratis, sin registro, sin marca de agua y sin límites.