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?
Editor visual en línea gratuito para crear degradados CSS y copiar el código
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 Editor visual en línea gratuito para crear CSS box-shadow y copiar el código
Generador CSS border-radius Editor CSS border-radius en línea gratuito con 8 controles de manejo
Convertidor de colores Herramienta gratuita en línea para convertir entre códigos de color HEX, RGB, HSL, OKLCH con ratio de contraste WCAG
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.