Generador de degradados CSS (Gradient Generator)
Diseña de forma visual degradados de color lineales y radiales y copia el código CSS listo para tus fondos y botones.
- Gratis
- Sin registro
- Se ejecuta en tu navegador
- Funciona en móviles
Generador de degradados CSS (Gradient Generator) de un vistazo
- Entrada
- Colores, ángulo y tipo de degradado
- Salida
- Regla CSS background-image y vista previa
- Privacidad
- Todo ocurre en tu dispositivo. No se sube ningún dato.
- Precio
- Gratis, sin cuenta, sin marcas de agua.
Cómo usar Generador de degradados CSS (Gradient Generator)
- 1Añade puntos de color y ajusta su posición en la barra.
- 2Elige la inclinación del ángulo o el estilo circular/radial.
- 3Copia la regla de estilo CSS para integrarla en tu web.
Características
- Soporte para degradados lineales y radiales.
- Paletas preconfiguradas con combinaciones atractivas.
- Copia de código lista para pegar en cualquier framework.
- 100% gratuito.
Preguntas frecuentes sobre Generador de degradados CSS (Gradient Generator)
¿Puedo añadir transparencias al degradado?
Sí, puedes ajustar el canal alfa de cada color para lograr efectos translúcidos.
¿Es gratis?
Sí, totalmente gratis.
Herramientas relacionadas
Generador de sombras CSS (box-shadow)Diseña sombras realistas y suaves para cajas, tarjetas y botones web con previsualización en directo y código CSS listo.Generador de border-radius CSSCrea esquinas redondeadas asimétricas y formas orgánicas modernas para tus tarjetas y botones mediante controles visuales.Conversor de colores (HEX, RGB, HSL, CMYK)Convierte códigos de color entre formatos HEX, RGB, HSL, HSV y CMYK con selector visual de paleta interactivo.Decodificador Base64 onlineRecupera el texto original legible a partir de una cadena codificada en Base64 con soporte completo para UTF-8.
Más herramientas de developer toolsÚltima actualización