Generador de degradados
Previsualiza un degradado lineal de dos colores y copia su CSS con el ángulo elegido.
Cargando herramienta…
Procesado en tu dispositivo
Cómo funciona
Previsualiza un degradado lineal de dos colores y copia su CSS con el ángulo elegido. Introduce valores o prueba el ejemplo. Ejecuta la acción, revisa el resultado y cópialo o descárgalo. Los errores no borran tus datos.
Ejemplo
#246649 + #EEF4E9 · 90° → background: linear-gradient(90deg, #246649, #EEF4E9);
Cuándo usar esta herramienta
Crea un fondo CSS para un banner o tarjeta y revisa su dirección.
Formatos y límites
Solo sRGB opaco. HEX de 3 o 6 cifras; RGB entero de 0 a 255; HSL con tono 0–360 y porcentajes 0–100. Redondeo a RGB de 8 bits.
Algo no funciona ↗Conviene saber
¿Qué pasa si cambio los datos?
Al cambiar los datos necesitas un nuevo resultado. Ejecuta de nuevo; los enlaces antiguos se eliminan para evitar confusiones.
¿Se suben mis archivos?
Tus archivos y textos se procesan en la memoria temporal del navegador y no se suben para procesarlos. Las preferencias solo guardan identificadores de herramientas, idioma y tema. No hay cuentas, anuncios ni informes automáticos de errores. Al cerrar se pierde el trabajo; descarga lo que quieras conservar. La web de producción usa Google Analytics para estadísticas de visitas; consulta Privacidad.