Generador de Gradientes

Crea hermosos gradientes CSS con vista previa en vivo y generación de código

Paradas de Color

#ff6b6b
#4ecdc4

Vista Previa en Vivo

Código CSS

background: linear-gradient(45deg, #ff6b6b 0%, #4ecdc4 100%);
Opciones Avanzadas

Historial

1 / 1
Plantillas
Historial
1 degradados

Consejos

Los gradientes lineales transicionan colores en línea recta. Perfectos para fondos sutiles y diseños modernos.

Generador de Gradientes

Crea hermosos gradientes CSS con vista previa en vivo y generación de código

Cómo usar

  1. Selecciona tu tipo de gradiente (lineal, radial o cónico)
  2. Elige la dirección o ángulo para tu gradiente
  3. Agrega paradas de color haciendo clic en 'Agregar Color'
  4. Ajusta colores usando el selector de color para cada parada
  5. Posiciona las paradas de color usando el deslizador (0-100%)
  6. Vista previa de tu gradiente en tiempo real
  7. Copia el código CSS generado para usar en tu proyecto