Centro Global de Herramientas
Idioma actual: Spanish

Generador de gradientes

Elige colores, ajusta opciones y genera gradientes CSS al instante en tu navegador.

Cómo usarlo

  1. Elige al menos dos colores.
  2. Selecciona el tipo de gradiente: lineal o radial.
  3. Si eliges lineal, ajusta el ángulo.
  4. Copia el CSS generado y pégalo en tu proyecto.
90°

Vista previa en vivo

CSS generado

background: linear-gradient(90deg, #4f46e5, #06b6d4);

Preajustes rápidos