Generador de Gradientes CSS
Crear gradientes CSS hermosos con vista previa en vivo.
Parte de las 445+ herramientas gratuitas de Yoopla.
Gradiente Vista previa
Gradiente Configuración
CSS Código
background: linear-gradient(90deg, #ff6b6b, #4ecdc4);How to Use Generador de Gradientes CSS
- 1
Seleccionar dos colores.
- 2
Elegir tipo.
- 3
Elegir dirección.
- 4
Copiar CSS o descargar PNG.
Frequently Asked Questions
¿Cómo uso el código CSS?▾
Copie el CSS generado y aplíquelo a la propiedad background de cualquier elemento en su hoja de estilos.
¿Puedo usar más de 2 colores?▾
Esta herramienta soporta gradientes de 2 colores. Para gradientes de múltiples paradas, puede editar el código CSS manualmente.
¿Qué navegadores soportan gradientes CSS?▾
Todos los navegadores modernos soportan gradientes CSS. Para IE9 y anteriores, use un color sólido de respaldo.
Related Tools
Explora el ecosistema alrededor de
Generador de Gradientes CSS
Categoría: Utility Tools
Usa esta herramienta como punto de partida y luego avanza a herramientas cercanas, hubs temáticos, comparaciones y alternativas gratuitas.
Herramientas Relacionadas
Descubre otras herramientas que funcionan genial con Generador de Gradientes CSS
Selector de Color
Selecciona y convierte colores entre formatos HEX, RGB y HSL.
Explorar Más Herramientas →Convertidor de Colores
Convertir formatos de color
Explorar Más Herramientas →Generador de Paletas
Extraer paletas de colores de imágenes automáticamente.
Explorar Más Herramientas →Convertidor de Zonas Horarias
Convertir zonas horarias
Explorar Más Herramientas →Generador de Memes
Crear memes
Explorar Más Herramientas →Generador de Nombres Aleatorios
Generar nombres
Explorar Más Herramientas →Hubs Temáticos
Profundiza en páginas pilar y flujos de trabajo conectados
Artículos y Guías Relacionadas
Aprende más sobre el uso efectivo de herramientas
Comparaciones de Herramientas
Compara características y elige la herramienta adecuada
Generador de Códigos QR vs Generador de Códigos de Barras
Compare features and differences
Comparar →Temporizador Pomodoro vs Temporizador de Cuenta Regresiva
Compare features and differences
Comparar →Cronómetro vs Temporizador de Cuenta Regresiva
Compare features and differences
Comparar →Colecciones de Mejores Herramientas
Listas curadas de herramientas mejor valoradas
Ver Categoría
Descubre más Utility Tools
Configuration Generators
Descubre herramientas relacionadas
Leer Artículo
Color Theory For Web Designers
Mejores Herramientas
Descubre las mejores herramientas
Mejores Herramientas
Ver las 20 herramientas más populares
Mapa de Herramientas
Explora más de 445 herramientas por categoría