Ejemplo práctico
- Datos de entrada
Tipo: Lineal Primer color: #336699 Segundo color: #ffffff Ángulo: 90- Resultado
linear-gradient(90deg, #336699 0%, #FFFFFF 100%)
Generador de degradados CSS
Crea degradados CSS lineales y radiales con dos colores, ángulo ajustable y vista previa. Copia el código o descarga el CSS.
Resultado
Introduce los datos y ejecuta la herramienta.
Contamos qué herramientas se utilizan más, sin incluir los valores introducidos ni el contenido de los archivos en las estadísticas. Privacidad
Cómo utilizar la herramienta
- Configura Primer color / Segundo color / Tipo / Ángulo.
- Pulsa «Procesar», revisa el resultado y utiliza los botones para copiarlo o descargarlo.
Método y límites
Elige dos colores HEX y un ángulo de 0 a 360 grados. El ángulo solo se aplica al degradado lineal.
Ejemplo
#336699 + #CC6699 → linear-gradient(90deg, #336699 0%, #CC6699 100%)