chevron_right

Generador de degradados

Crea degradados CSS visualmente con vista previa en vivo.

Tipo

LinearRadialConic

Ángulo: 135°

Paradas de color

100%

Preajustes

CSS generado

background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

Herramientas similares

Generador CSS Grid

Crea diseños CSS Grid responsivos con vista previa en vivo y código listo para copiar.

Generador de text-shadow

Crea efectos CSS text-shadow con vista previa en vivo.

Generador de Texto Degradado CSS

Crea estilos de texto con degradado mediante controles visuales, vista previa en vivo y CSS listo para copiar.

Generador de Box Shadow

Crea sombras CSS de forma visual con vista previa en tiempo real.

Superponer imágenes

Combina dos imágenes colocando una imagen de superposición sobre una imagen base con posición, escala, opacidad y modo de fusión ajustables.

Compresor de video te ayuda a reducir el tamaño del video manteniendo una calidad útil directamente en el navegador. Úsalo para limpieza multimedia rápida y privada, publicaciones, clases, demos y edición diaria.

Generador de Horas Aleatorias

Genera horas aleatorias (HH:MM o HH:MM:SS) dentro de un rango, en formato de 12 o 24 horas.

apps

Mas herramientas

Explora nuestra coleccion completa de herramientas gratuitas en linea.

Crea degradados visualmente antes de afinarlos en el código

Los degradados se complican rápido cuando empiezas a combinar ángulo, tipo y varios puntos de color. Esta herramienta te permite explorar esas decisiones de forma visual y copiar un CSS limpio cuando ya tienes clara la dirección.

Cuándo resulta más útil

Va muy bien para fondos hero, botones, overlays y texturas sutiles de marca. Después de generar el degradado, pruébalo con texto e interfaces reales para detectar pronto problemas de contraste o banding.