Generador de degradados CSS

Crea un degradado lineal o radial de forma visual con cualquier número de puntos de color, luego copia el CSS.

Puntos de color


          
        

Preguntas frecuentes

¿Puedo añadir más de dos colores?

Sí, haz clic en «Añadir punto de color» tantas veces como quieras. Cada punto tiene su propio color y porcentaje de posición, así que puedes crear degradados con varios colores, no solo de dos tonos.

¿Cuál es la diferencia entre lineal y radial?

Los degradados lineales transicionan en línea recta con el ángulo que definas. Los degradados radiales transicionan hacia afuera desde un punto central en forma de círculo, el ángulo no aplica a estos.

¿Se envía esto a algún sitio?

No, el degradado se crea y se previsualiza por completo en el motor CSS de tu navegador. No se sube nada.