1. Elige
Selecciona un gradiente lineal, radial o cónico.
Generador de gradientes
Diseña tu gradiente
Elige el tipo de gradiente, ajusta sus colores y copia el resultado.
Puntos de color
Añade hasta ocho colores y define su posición dentro del gradiente.
Vista previa
El resultado se actualiza en tiempo real.
Alfora
Diseña fondos con profundidad y movimiento.
Código CSS
Copia el fondo generado y úsalo en tu proyecto.
Tus datos se procesan localmente en tu navegador.
Composición cromática
Cómo crear un gradiente con Alfora
Diseña gradientes lineales, radiales y cónicos con múltiples colores, ajustes precisos y código CSS listo para usar.
Selecciona el tipo de gradiente, ajusta sus colores y posiciones, revisa la vista previa y copia el código CSS.
Color con dirección
2. Ajusta
Modifica colores, posiciones, ángulo y centro.
3. Exporta
Copia el CSS o descarga una imagen PNG.