Generador de degradados CSS
Crea degradados CSS hermosos con editor visual. Soporta degradados lineales, radiales y cónicos. Copia código CSS al instante. Generador de degradados CSS gratuito.
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
Preguntas Frecuentes
What types of gradients can I create?
Linear gradients (directional, with customizable angle) and radial gradients (circular, from center outward). You can add up to 5 color stops.
Cómo Usar
Pick Colors
Start with a preset or set your own colors and stop positions.
Adjust
Set gradient type (linear/radial), angle, and color stop positions.
Copy CSS
Copy the generated CSS gradient code for your project.
Herramientas relacionadas
Generador de Box Shadow CSS
Crea hermosas sombras CSS con editor visual. Agrega múltiples sombras, efectos inset, blur, spread y color. Vista previa en vivo con copia instantánea. Generador gratuito.
Generador de paletas de colores
Genere paletas de colores armoniosas. Armonías complementarias, triádicas, análogas. Valores HEX, RGB, HSL.
Convertidor de Colores
Convierte colores entre formatos HEX, RGB, HSL y CMYK al instante. Selector y convertidor gratuito para diseñadores y desarrolladores — sin registro, sin carga de archivos.
Generador de imágenes OG
Crea imágenes Open Graph para redes sociales con texto, degradados, fuentes y colores personalizables. Exporta como PNG 1200x630. Generador gratuito en el navegador — sin registro.
Embellecedor y minificador CSS
Embellezca o minifique código CSS en línea. Formatee CSS con sangría y espaciado adecuados, o comprima para producción más rápida. Formateador CSS gratuito en navegador — sin registro, instantáneo.