2026-06-22
¿Cómo creo un fondo degradado que no parezca barato?.
Decisiones sencillas para que los degradados CSS parezcan intencionados y no ruidosos ni anticuados.
Un buen degradado suele hacer menos de lo que esperas. Usa colores cercanos, una dirección clara y suficiente espacio vacío para el contenido.
El problema más común es elegir dos colores brillantes, saturados y sin relación. El resultado compite con el texto. Empieza con un color de marca y llévalo hacia una versión más clara, oscura o menos saturada.
Tres formas de mantenerlo sobrio
- Usa tonos relacionados. El azul con azul violeta suele ser más tranquilo que el azul con naranja brillante.
- Baja la saturación. Un color apagado puede crear profundidad sin dominar el diseño.
- Dale una función. Puede dirigir la mirada hacia una llamada a la acción, separar una sección o añadir textura.
El Creador de degradados permite probar degradados lineales, radiales y cónicos con vista previa y copiar el CSS. Empieza con dos paradas; añade una tercera solo si resuelve un problema claro.
Prueba siempre contenido real encima, incluidos títulos, texto, botones y diseños móviles.