Generador de degradados CSS

Crea degradados CSS lineales y radiales con un editor visual. Copia CSS listo para usar.

Controls
Preview
Preview
CSS Code
/* Select controls above */

Preguntas frecuentes

¿Qué es un degradado CSS?

Un degradado CSS crea una transición suave entre dos o más colores usando la propiedad background, sin necesidad de un archivo de imagen.

¿Qué es el parámetro de ángulo?

El ángulo controla la dirección del degradado lineal. 0deg va de abajo hacia arriba, 90deg de izquierda a derecha, 180deg de arriba hacia abajo.

¿Puedo usar más de dos colores?

Sí, los degradados CSS soportan múltiples paradas de color. Este generador usa dos colores, pero puedes añadir más manualmente al código resultante.