Elige el tipo
Selecciona lineal o radial desde el centro.
FREE CSS GRADIENT GENERATOR
Generador de degradados CSS gratis
Elige colores y posiciones para crear CSS linear-gradient o radial-gradient al instante.
La entrada y el resultado no se envían ni guardan en un servidor.
- 1Configurar colores
- 2Ver degradado
- 3Copiar CSS
1 · Configurar colores
Configura el degradado
2 · Ver degradado
Resultado
Vista previa
Usa HEX sRGB opaco y posiciones porcentuales. El resultado es CSS, no una imagen.
Guía gratuita de fondos CSS
Crea un fondo suave con puntos de color
Genera gratis degradados lineales y radiales sin cuenta ni instalación.Ajusta colores
Define de dos a cinco colores y posiciones de 0% a 100%.
Copia el CSS
Comprueba la vista previa y pega la declaración background.
Entender los degradados
El navegador mezcla los puntos
CSS crea transiciones adaptables sin archivos de imagen.
Lineal
El ángulo define la dirección del color.
Radial
El círculo o la elipse se extiende desde el centro.
Una línea CSS
Pega la declaración background en tus estilos.
FREE CSS GRADIENT GENERATOR FAQ
Preguntas sobre degradados CSS
Consulta el uso gratis, los colores y el resultado.1¿El generador es gratis?
Sí. Es gratis, sin cuenta y sin límite de usos.
2¿Cuántos colores admite?
Entre dos y cinco puntos de color.
3¿Crea degradados lineales y radiales?
Sí. Admite lineales con ángulo y radiales centrados de círculo o elipse.
4¿Puedo descargar una imagen?
Esta versión genera CSS adaptable, no un archivo de imagen.