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.

Corrector de OCR de PDF

Corrige palabras mal reconocidas en la capa OCR oculta de un PDF escaneado sin tocar el escaneo.

Selector de Color de Imagen

Selecciona códigos de color de cualquier imagen.

Visor de DPI de Imagen

Verifica los metadatos DPI de cualquier PNG o JPEG. Muestra la resolución de impresión almacenada.

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.