Generador de degradado CSS
색상 정지점
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); Última actualización: 2026 · Herramienta en línea gratuita
¿Qué es Generador de degradado CSS?
Generador visual gratuito de degradados CSS: crea degradados lineales, radiales y cónicos, ajusta los puntos de color y el ángulo, y copia el código CSS listo para tus fondos.
Cómo usar
- 1 Seleccionar tipo — Elija el tipo de degradado (lineal, radial, cónico).
- 2 Ajustar puntos de color — Ajuste el color y la posición de cada punto de color.
- 3 Vista previa — Verifique el resultado en tiempo real en la vista previa.
- 4 Copiar código CSS — Copie el código CSS al portapapeles con el botón 'Copiar'.
Herramientas relacionadas
Generador CSS box-shadow Generador CSS box-shadow gratuito en línea con controles de desplazamiento, desenfoque, expansión, color e inset, que ofrece vista previa en vivo de la sombra y genera código CSS box-shadow listo para copiar.
Generador CSS border-radius Generador CSS border-radius gratuito en línea con ocho controladores de esquina independientes y deslizadores, que ofrece vista previa en vivo de la forma redondeada y genera código CSS listo para copiar.
Convertidor de colores Conversor de colores gratuito en línea que traduce al instante entre códigos HEX, RGB, HSL y OKLCH y calcula la relación de contraste WCAG entre dos colores para comprobar la accesibilidad fácilmente.
Preguntas frecuentes
No hay límite, pero 2-6 es lo típico. Demasiados pueden afectar el rendimiento.
Sí. Active la casilla 'Repetir' para agregar el prefijo repeating.
Se proporcionan cinco presets: Sunset, Ocean, Forest, Midnight y Rainbow.
Actualmente, solo se produce CSS puro. La conversión a Tailwind está planificada para una actualización futura.
No. Todo el procesamiento se realiza en el navegador.