Diseño

Generador de degradados CSS

Crea degradados CSS lineales o radiales con dos colores y vista previa.

01Datos y ajustes

El cálculo se realiza en tu navegador, sin instalar programas.

02Resultado

Esperando datos
Esperando datos

Introduce los valores o carga el ejemplo para ver el resultado.

Acerca de esta herramienta: Generador de degradados CSS

Crea degradados CSS lineales o radiales con dos colores y vista previa.

Las operaciones dependen del formato. Los caracteres y la sintaxis admitidos aparecen en la descripción y el ejemplo.

Método de cálculo

linear-gradient(angle, color₁, color₂)

Ejemplo explicado

Modo
Lineal
Primer color
#4f46e5
Segundo color
#06b6d4
Ángulo del degradado, °
135
background: linear-gradient(135deg, #4f46e5, #06b6d4);

Preguntas y respuestas

¿Qué hace esta herramienta?

Crea degradados CSS lineales o radiales con dos colores y vista previa. Las operaciones dependen del formato. Los caracteres y la sintaxis admitidos aparecen en la descripción y el ejemplo.

¿Qué afecta a la precisión y al formato?

Los colores usan seis dígitos HEX. El ángulo solo se aplica a degradados lineales.

¿Dónde se realizan los cálculos?

El cálculo se realiza en tu navegador, sin instalar programas.

Comentarios (0)

Comparte tu opinión — por favor, sé amable y mantente en el tema.

Aún no hay comentarios. Deja un comentario y comparte tu opinión!

Para dejar un comentario, inicia sesión.

Inicia sesión para comentar