Generador de degradados CSS
Crea degradados lineales y radiales de forma visual y copia el CSS
도구를 불러오는 중…
🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.
Coloca libremente varios puntos de color (color stops) para crear degradados lineales y radiales, y genera código CSS listo para usar.
Cómo usar
- Añade puntos de color y ajusta su color y posición.
- Configura el tipo lineal/radial y el ángulo, y comprueba la vista previa.
- Copia el CSS de background generado y úsalo.
Preguntas frecuentes
- ¿Qué es un punto de color (color stop)?
- Es el lugar del degradado donde se sitúa un color concreto. Con varios puntos puedes crear transiciones más variadas.
- ¿También admite degradados radiales?
- Sí, admite tanto lineales como radiales, con ángulo y centro ajustables.
- ¿Puedo usar el resultado directamente?
- Pega el código generado `background: linear-gradient(...)` tal cual en tu CSS.
