Generador de degradado CSS
Loading tool workspace...
Aporta color a tus proyectos web. Nuestro Generador de Gradientes CSS te permite crear transiciones de color vibrantes y suaves sin escribir una sola línea de código. Ya necesites un fondo lineal sutil o un estallido radial dinámico, nuestro editor visual facilita diseñar y exportar el CSS perfecto.
Diseña fondos profesionales con generación de CSS en un clic.
Cómo crear gradientes
- 1
Selecciona 'Lineal' o 'Radial' para elegir tu tipo de gradiente.
- 2
Haz clic en las paradas de color para cambiarlos o arrástralas para ajustar la mezcla.
- 3
Copia el código completo `background: linear-gradient(...)` para tu proyecto.
Mezcla de colores
Ángulo y dirección
Para gradientes lineales, puedes especificar un ángulo (p. ej., 45deg) o una dirección (p. ej., hacia la esquina inferior derecha) para controlar el flujo de los colores.
Usar múltiples paradas
Añade más de dos colores para crear transiciones complejas de múltiples etapas, como arcoíris o atardeceres.
Preguntas frecuentes
¿Es compatible con navegadores antiguos?
Los gradientes CSS modernos son compatibles con todos los navegadores actuales. Para versiones antiguas, proporcionamos sintaxis estándar con gran compatibilidad.
¿Puedo usar transparencia?
¡Sí! Puedes usar colores RGBA en tu gradiente para crear efectos de 'desvanecimiento a transparente', ideales para superposiciones.
¿Por qué usar esta herramienta?
- ✓Editor visual de arrastrar y soltar
- ✓Soporte para Lineal y Radial
- ✓Paradas de color ilimitadas
- ✓Copia/pega de código al instante