Generador de Degradados

Generador de Degradados

Gratis

Herramienta gratuita en línea para generar degradados. Admite degradados lineales, radiales y cónicos con paradas de color personalizables, ángulos y direcciones. Vista previa en tiempo real y copia de código CSS con un clic.

工具加载中请稍候片刻

Sobre Generador de Degradados

Herramienta gratuita en línea para generar degradados. Admite degradados lineales, radiales y cónicos con paradas de color personalizables, ángulos y direcciones. Vista previa en tiempo real y copia de código CSS con un clic.

herramienta de degradadosherramienta de colorherramienta CSS

Guía de uso

Características principales
  • Generador de degradados CSS gratuito en línea, compatible con degradados lineales, radiales y cónicos
  • Añade o elimina paradas de color con libertad, ajusta cada valor hexadecimal y su posición, o parte de los 12 degradados predefinidos y del degradado aleatorio
  • Vista previa en tiempo real sincronizada con el código CSS: define el tamaño del lienzo, copia el código con un clic o guarda el resultado como PNG
Cómo usarlo
  1. Abre la página de la herramienta (no requiere descarga ni instalación) y elige arriba «Degradado Lineal», «Degradado Radial» o «Degradado Cónico»
  2. Pulsa «Agregar Color» para añadir paradas, define cada tono con la muestra o el campo hexadecimal y arrastra el control «Posición»; también puedes aplicar un degradado predefinido o «Degradado Aleatorio»
  3. Ajusta el ancho y el alto en la vista previa y pulsa «Copiar CSS» para llevarte el código o «Descargar Imagen» para guardar el PNG
Notas importantes
  • La herramienta es completamente gratuita y no requiere registro; deben quedar al menos dos paradas de color y el lienzo admite de 50 a 2000 píxeles
  • El renderizado y la exportación a PNG se realizan localmente en tu navegador: tus datos nunca se suben. Los degradados cónicos pueden no mostrarse en navegadores muy antiguos

Preguntas frecuentes

¿Qué es Generador de Degradados?

Herramienta gratuita en línea para generar degradados. Admite degradados lineales, radiales y cónicos con paradas de color personalizables, ángulos y direcciones. Vista previa en tiempo real y copia de código CSS con un clic.

¿Cómo uso Generador de Degradados?

Abre la página de la herramienta (no requiere descarga ni instalación) y elige arriba «Degradado Lineal», «Degradado Radial» o «Degradado Cónico» Pulsa «Agregar Color» para añadir paradas, define cada tono con la muestra o el campo hexadecimal y arrastra el control «Posición»; también puedes aplicar un degradado predefinido o «Degradado Aleatorio» Ajusta el ancho y el alto en la vista previa y pulsa «Copiar CSS» para llevarte el código o «Descargar Imagen» para guardar el PNG

¿Qué debo saber antes de usar Generador de Degradados?

La herramienta es completamente gratuita y no requiere registro; deben quedar al menos dos paradas de color y el lienzo admite de 50 a 2000 píxeles El renderizado y la exportación a PNG se realizan localmente en tu navegador: tus datos nunca se suben. Los degradados cónicos pueden no mostrarse en navegadores muy antiguos

¿Es gratis usar Generador de Degradados?

Sí, Generador de Degradados es completamente gratuito. No requiere descarga ni instalación: funciona directamente en tu navegador.