Cree impresionantes gradientes lineales, radiales y cónicos con un editor visual. Agregue múltiples paradas de color, ajuste ángulos y genere código CSS al instante.
Seleccione lineal, radial o cónico en los botones de tipo de degradado. La vista previa en vivo se actualiza inmediatamente.
Use los selectores de color y los controles deslizantes de posición para definir sus colores. Haga clic en 'Agregar parada' para más colores o en el icono de papelera para eliminar una. Reordene las paradas con las flechas arriba/abajo.
Para degradados lineales y cónicos, arrastre el control de ángulo (0°–360°) para controlar la dirección del degradado. Los degradados radiales no usan ángulo.
Haga clic en 'Copiar CSS' para copiar la propiedad background a su portapapeles, o exporte el degradado como archivo SVG. También puede usar los botones de compartir para enviar un enlace que reproduce su degradado.
Haga clic en 'Aleatorizar' para generar un degradado aleatorio de dos colores con un ángulo aleatorio, o en 'Borrar' para restablecer todo a la configuración predeterminada.
Cada parada de color define un color y una posición del 0% al 100%. El navegador calcula transiciones suaves entre paradas adyacentes según la especificación de degradados CSS. Puede agregar tantas paradas como necesite para crear efectos multicolor complejos.
La herramienta genera un CSS linear-gradient() con el ángulo que elija. Los colores se mezclan en línea recta desde el punto de inicio al punto final. Cambiar el ángulo rota la dirección del degradado.
Los degradados radiales usan radial-gradient(circle) para producir transiciones de color circulares que irradian desde el centro hacia afuera. Los degradados cónicos usan conic-gradient() para barrer colores alrededor de un punto central, comenzando desde el ángulo establecido — útil para gráficos circulares, ruedas de colores y efectos decorativos.
Al exportar como SVG, la herramienta convierte sus paradas de color en elementos de degradado SVG (linearGradient o radialGradient) y los envuelve en un archivo SVG independiente que puede usarse en herramientas de diseño o incrustarse en páginas web.
Su tipo de degradado, ángulo y paradas de color se codifican en la URL de la página. Compartir esta URL permite a cualquiera abrir exactamente el mismo degradado en su navegador sin necesidad de recrearlo manualmente.
Puede crear tres tipos: degradados lineales que mezclan colores a lo largo de una línea recta, degradados radiales que irradian hacia afuera desde un punto central en forma circular, y degradados cónicos que barren colores alrededor de un punto central como una rueda de colores.
Saved Presets is a Supporter feature.
Tool History is a Supporter feature.
Tool Notes is a Supporter feature.
