Generador de Gradientes CSS
Crear gradientes CSS hermosos con vista previa en vivo.
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
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 →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
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 101+ herramientas por categoría