Generador de gradientes CSS

Diseña gradientes lineales o radiales, ajusta colores y posiciones y copia el CSS resultante.

Vista previa

Ángulo135°

Color inicial

Posición inicialColor final

Posición final

CSS generadobackground: linear-gradient(135deg, #4F46E5 0%, #06B6D4 100%);

Vista previa

Ajustes en tiempo real

Comprueba el resultado mientras modificas el ángulo, los colores y sus posiciones.

Salida

Copia una declaración compatible con navegadores modernos.