Degradado CSS
Generador de degradados CSS con pasos de color
Crea un degradado lineal CSS de dos colores, ajusta el ángulo, copia el CSS del fondo y exporta pasos de color intermedios suaves.
135°
CSS del degradado
background: linear-gradient(135deg, #6366F1, #EC4899);Pasos de transición
Cómo usar esta herramienta
Crea un degradado práctico para fondos, tarjetas y secciones hero. Elige dos colores, gira la dirección, previsualiza el CSS final y copia una paleta escalonada para gráficos o tokens de respaldo.
- 1 Elige los colores inicial y final.
- 2 Ajusta el ángulo del degradado.
- 3 Copia el degradado CSS o los pasos de color intermedios.
Preguntas frecuentes
¿Qué CSS genera?
La herramienta genera una declaración de fondo linear-gradient() con tus dos colores y el ángulo elegido.
¿Puedo copiar los pasos del degradado por separado?
Sí. La paleta escalonada se puede copiar color a color en Hex o como una lista completa.
¿Hay que comprobar el contraste de los degradados?
Sí. El texto sobre un degradado debe probarse contra las zonas relevantes más claras y más oscuras.
¿El degradado se genera en un servidor?
No. La vista previa y el CSS se generan en el navegador a partir de los valores que eliges.