Generador de degradados CSS

Genera un degradado lineal CSS de dos colores con vista previa.

Gráficos Sin almacenamiento

Longitud máxima por campo: 62 puntos de código Unicode. Consulta los límites de la operación en las instrucciones.

Guía rápida

Cuando quieras, prueba con tus propios datos.

Prueba un ejemplo

Introduces

Color inicial (HEX)
#f00
Segundo color (HEX)
#00f
Ángulo (grados)
90

Obtienes

linear-gradient(90deg, #FF0000, #0000FF)
Cómo funciona y límites

Introduce colores hexadecimales opacos y un ángulo CSS entre 0 y 360 grados, con punto decimal. Ejemplo: rojo, azul y 90 generan linear-gradient(90deg, #FF0000, #0000FF).

Copia el resultado como valor CSS de background. El navegador determina la representación final.