Generador de Degradados CSS
Elige dos colores, lineal o radial y el ángulo. Mira la vista previa del degradado y copia el CSS.
Cómo funciona
- 1
Elige dos colores
Códigos HEX de inicio y fin.
- 2
Elige tipo y ángulo
Lineal con cualquier ángulo, o radial.
- 3
Copia el CSS
Pégalo en tu hoja de estilos.
Herramientas relacionadas
Otras herramientas que la gente usa justo después de esta.
Hecho para no estorbar
487
Herramientas disponibles
6
Idiomas
0
Marcas de agua añadidas
2h
Hasta borrar tus archivos
100%
Gratis para empezar
∞
Dispositivos compatibles
Preguntas frecuentes
0deg va de abajo arriba, 90deg de izquierda a derecha, 180deg de arriba abajo.
Degradados sin adivinar
Los degradados CSS sustituyen las imágenes de fondo por una sola línea de código: cargan rápido, se ven nítidos en cualquier pantalla y son fáciles de cambiar. Los lineales siguen un ángulo (90deg va de izquierda a derecha); los radiales se expanden desde el centro.
La herramienta muestra una vista previa en vivo y genera la declaración background, para pegarla directamente en tu CSS. No se sube nada.