Generador de degradados
Crea un degradado de dos a cinco colores, guarda una imagen del tamaño que necesites y copia el código CSS. Todo ocurre en el navegador.
Un degradado sirve de fondo para un sitio web, una portada, un banner o un fondo de pantalla del móvil. Esta página dibuja una transición suave entre dos y cinco colores y la guarda como una imagen del tamaño que necesites o te da el código CSS listo.
Hay tres tipos de degradado. El lineal sigue una recta con cualquier ángulo, el radial se extiende en círculos desde el centro y el cónico se despliega alrededor del centro como un círculo cromático. El ángulo se controla con un deslizador y la vista previa se actualiza al instante.
Los colores se eligen en la paleta, y se puede añadir o quitar un color con un botón. Si no quieres elegir tú, hay combinaciones listas y un botón de degradado aleatorio que conviene pulsar hasta que aparezca una variante adecuada.
Junto a la imagen se muestra una regla CSS que da el mismo degradado en una página sin necesidad de ningún archivo. Basta con copiar la línea y pegarla en la hoja de estilos. El tamaño de la imagen se indica en píxeles, de 1 a 8000.
La imagen se crea en el navegador y no se envía a ningún servidor, por lo que funciona sin internet una vez cargada la página. El formato de guardado se elige entre PNG, JPG y WebP. Para transiciones suaves es mejor PNG, porque no añade artefactos.