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

  1. Añade puntos de color y ajusta su color y posición.
  2. Configura el tipo lineal/radial y el ángulo, y comprueba la vista previa.
  3. 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.

← Volver a todas las herramientas

가격 보기카톡 무료 상담