Colores
Generador de degradado CSS
Añade paradas de color, cambia el ángulo — código CSS listo para copiar con un clic.
Paradas de color
Vista previa
Código CSS
Qué hace Generador de degradado CSS?
El generador de degradado CSS crea degradados lineales y radiales con múltiples paradas de color y genera código CSS listo para usar.
Cómo usar Generador de degradado CSS?
- Elige el tipo de degradado — lineal (con control de ángulo) o radial.
- Añade paradas de color, establece el color y la posición en porcentaje.
- Copia el código CSS generado directamente en tu proyecto.
Características principales
- Soporte para degradados lineales y radiales
- Hasta 8 paradas de color con selector y control de posición
- Vista previa en vivo y código CSS listo para copiar
Preguntas frecuentes
¿Cómo uso el CSS generado?
Pega el código en una regla CSS, p.ej.: background: linear-gradient(…); — compatible con todos los navegadores modernos.
¿Cuántas paradas de color puedo añadir?
Puedes añadir hasta 8 paradas de color. Para un degradado suave, 2-4 paradas suelen ser suficientes.
¿Es gratuita esta herramienta?
Sí, esta herramienta es completamente gratuita y no requiere registro.
¿Se guardan mis datos?
No. Todos los cálculos se realizan solo en tu navegador — no se envía información a ningún servidor.