Generador de gradientes CSS

Crea un gradiente lineal o radial visualmente — elige colores, mueve las paradas, ajusta el ángulo y copia el CSS. Vista previa en vivo, no se sube nada.

Tipo de gradiente

Ángulo90°

Paradas de color

CSS

Todo funciona en tu navegador. Sin subidas ni registro.

Cómo funciona

PASO 1

Elige tus colores

Elige al menos dos paradas de color y define dónde se sitúa cada una en el gradiente.

PASO 2

Dale forma

Cambia entre lineal y radial, y ajusta el ángulo de los gradientes lineales.

PASO 3

Copia el CSS

Mira la vista previa en vivo y copia el CSS listo para usar con un clic. Todo privado.