Colores
Generador de degradados
Añade puntos de color, cambia ángulos — copia con un clic.
%
Código CSS
Qué hace Generador de degradados?
Crea degradados CSS hermosos con un editor visual y copia el código.
Cómo usar Generador de degradados?
- Elige el tipo de degradado (lineal o radial) y la dirección.
- Añade, elimina y ajusta las paradas de color.
- Copia el código CSS del degradado generado.
Características principales
- Compatible con degradados lineales, radiales y cónicos.
- Múltiples paradas de color con control preciso de posición.
- Genera código CSS listo para usar.
Preguntas frecuentes
¿Cómo uso el degradado en mi sitio web?
Copia el código CSS generado y pégalo en la propiedad background-image o background de tu hoja de estilos.
¿Puedo crear degradados transparentes?
Sí, usa colores RGBA o ajusta la opacidad de paradas de color individuales.
¿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.