Generador de degradado

Generador de degradado CSS online y gratuito. Crea degradados lineales y radiales, ajusta dirección, colores y paradas. Copia el código. En el navegador.

Generador gratuito de gradientes CSS. Diseña visualmente gradientes lineales, radiales y cónicos, luego copia el código CSS. Todo en tu navegador. Perfecto para fondos web, botones y elementos UI.

Tipo
Ángulo
90°
Colores
0%
100%
Código CSS
background: linear-gradient(90deg, #2563eb 0%, #7c3aed 100%);
lock Los archivos no se envían a ningún servidor

¿Cómo usar Generador de degradado?

  1. Selecciona el tipo de gradiente.
  2. Añade paradas de color y establece colores.
  3. Copia el código CSS generado.

Preguntas frecuentes sobre Generador de degradado

¿Qué tipos de gradiente se admiten?

Lineales, radiales y cónicos.

¿Puedo copiar el código CSS directamente?

Sí, copia con un clic el código CSS para aplicarlo directamente.

Herramientas relacionadas

Selector de color

Selecciona un color y copia los valores HEX, RGB y HSL.

Conversor de color

Conversor de códigos de color online y gratuito. Convierte entre HEX, RGB, HSL y CMYK con vista previa en vivo. Ideal para diseño web. En el navegador.

Generador de paleta

Generador de paleta de colores online y gratuito. Crea paletas armoniosas con sugerencias complementarias, análogas y triádicas. En el navegador.

Color aleatorio

Generador de color aleatorio online y gratuito. Genera colores con un clic y copia al instante los códigos HEX o RGB. En el navegador.