Generador de Degradados CSS
Crea degradados CSS lineales y radiales. Elige los colores de forma visual y copia el CSS generado.
background: linear-gradient(135deg, #535beb, #7c3aed);
¿Qué es el Generador de Degradados CSS?
Los degradados CSS son transiciones de color entre dos o más colores. Los degradados lineales fluyen en una dirección; los radiales emanan desde un punto. Este generador cubre los casos comunes; para degradados complejos de varias paradas con posiciones personalizadas, créalos manualmente.
Preguntas frecuentes
¿Son eficientes los degradados?▼
Sí: mucho más económicos que las imágenes de degradado. Escalan a cualquier tamaño sin pérdida de calidad.
¿Puedo animar los degradados?▼
La animación directa de degradados no está soportada; anima las propiedades del degradado mediante JavaScript o usa trucos con background-position.
Herramientas relacionadas
Color Converter (HEX/RGB/HSL)
Convert colors between HEX, RGB, HSL, OKLCH.
CSS Box Shadow Generator
Build CSS box-shadow visually.
Cubic Bezier Generator
Build CSS easing curves visually.
Color Palette Generator
Generate harmonious color palettes from any base color.
CSS Border Radius Generator
Build complex CSS border-radius visually.
CSS Clamp Generator
Generate responsive CSS clamp() functions.