Generador de degradados CSS
Diseña un degradado visualmente y copia el código CSS para usarlo como fondo en tu web.
Todo se procesa en tu navegador. Lo que escribes o pegas no se envía a ningún servidor.
Cómo usar el generador de degradados CSS
- 1
Elige el tipo: lineal, radial o cónico.
- 2
Ajusta los colores, sus posiciones y el ángulo.
- 3
Copia el código CSS.
Sobre esta herramienta
El código incluye un color de respaldo para navegadores muy antiguos, seguido del degradado. Funciona en todos los navegadores modernos sin prefijos.
Puedes añadir hasta ocho colores, partir de un ejemplo o pedir uno al azar para inspirarte.
Preguntas frecuentes
¿Dónde pego el código?
En la regla CSS del elemento que quieras decorar, por ejemplo body o .hero.
¿Puedo usarlo en texto?
Sí, combinándolo con background-clip: text y color: transparent.
Herramientas relacionadas
- Imágenes
Generador de favicon
Crea favicon.ico y todos los iconos de tu web desde una imagen o letras.
- Imágenes
Extraer paleta de colores
Saca los colores principales de una imagen y expórtalos.
- Desarrolladores
Formatear JSON
Embellece y ordena JSON con sangría legible.
- Desarrolladores
Validar JSON
Comprueba si un JSON es válido y localiza el error.