Generador de Degradados
Crea y previsualiza degradados CSS visualmente.
Configuración de Degradado
Establece el tipo y la dirección del degradado
Paradas de Color
Establece los colores y posiciones del degradado
%
%
Preajustes
Prueba degradados predefinidos
Vista Previa
Ver el degradado generado
CSS Generado
background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);Descripción del Tipo de Degradado
Degradado Lineal
Un degradado que cambia de color en una dirección de línea recta. Puedes ajustar el ángulo para establecer la dirección.
Degradado Radial
Un degradado que cambia de color desde un punto central hacia afuera en forma circular o elíptica.
Degradado Cónico
Un degradado cónico que cambia de color mientras gira alrededor de un punto central.