Dale un degradado a tu próximo diseño

Funciones y usos

Crea fondos de degradado lineal o radial con entre 2 y 8 puntos de color editables. Cada punto fija el color en un porcentaje del degradado. Ajusta su posición, usa transparencia, cambia el ángulo o mueve el centro radial.

Elige dimensiones cuadradas, verticales, de historia, vista previa de enlace, Full HD o 4K, o introduce un tamaño personalizado. Copia el CSS, descarga un PNG del tamaño exacto o exporta un SVG que se amplía sin perder nitidez.

Formatos, opciones y límites

Los campos de color admiten HEX de 3, 4, 6 u 8 dígitos, con o sin #, y notación RGB/RGBA y HSL/HSLA. Los valores alfa controlan la transparencia. Usa el selector visual para cambios rápidos o escribe un valor para un ajuste preciso.

• Sitúa cada parada de color entre el 0 y el 100%, elige un ángulo lineal de 0 a 360 grados o coloca el centro radial entre el 0 y el 100% de cada eje. Amanecer, Vidrio marino y Cielo nocturno ofrecen puntos de partida editables para fondos web, diapositivas y gráficos sociales.
• Ajusta por separado el ancho y el alto del PNG entre 64 y 4096 píxeles, o elige uno de los tamaños de abajo. El SVG parte de esas dimensiones y sigue siendo escalable. El CSS copiado describe el degradado sin imponer un tamaño fijo en píxeles.

Trabaja sin cuenta: el texto y las fotos se procesan en tu navegador. Guarda un proyecto en este dispositivo o descarga una copia de seguridad para abrirlo más tarde.

Conviene saber

PNG usa las dimensiones exactas elegidas, hasta 4096 × 4096. SVG se amplía sin perder nitidez. Los puntos transparentes permanecen transparentes en las imágenes descargadas.