Generador de gradientes

Crea gradientes CSS lineales listos para copiar.

Tip: copia el resultado en 1 clic.

CSS:

background: linear-gradient(135deg, #06B6D4, #6366F1);

Puedes escribir el color en HEX o elegirlo con el selector.

Datos que necesitas

  • Color 1
  • Color 2
  • Ángulo

Resultados que obtendrás

  • CSS de gradiente
  • Vista previa

Cómo se calcula

linear-gradient(ángulo, color1, color2).

Utilidades informativas. No garantizan seguridad total ni sustituyen auditorías técnicas.

Sobre esta utilidad

Categoría: Tech. Utilidad online con supuestos claros y lenguaje sencillo. Algunas utilidades dependen del país.

Preguntas frecuentes

¿Qué necesito para usar Generador de gradientes?

Necesitas estos datos: Color 1, Color 2, Ángulo.

¿Cómo se calculan los resultados?

linear-gradient(ángulo, color1, color2).

¿Los resultados son oficiales?

No. Son estimaciones orientativas con supuestos simples. Requiere revisión profesional.

Utilidades relacionadas