¿Qué es un degradado?
Un degradado o gradiente es una transición suave entre dos o más colores. En diseño web se usa mucho en fondos, botones y encabezados porque aporta profundidad y modernidad con muy poco código.
Degradado lineal y radial
El degradado lineal cambia de color a lo largo de una línea recta; puedes controlar su dirección con el ángulo (0° hacia arriba, 90° hacia la derecha). El radial parte de un punto central y se expande en círculo. Este generador crea ambos y te da el CSS correspondiente (linear-gradient o radial-gradient).
Cómo usarlo en CSS
Copia el código y pégalo en la propiedad background de tu elemento. Puedes añadir hasta varios colores y reordenarlos editando cada uno. Si además necesitas una paleta a juego, prueba el generador de paletas o revisa el contraste antes de poner texto encima.
Degradado de malla (mesh gradient)
El modo Malla mezcla varios colores en manchas suaves repartidas por toda la imagen, como los fondos de las apps modernas. Toca «Aleatorio» para mover los colores, copia el CSS o descárgalo como imagen o como fondo de pantalla para el móvil.