Generador de degradados CSS

Color

Un generador de degradados combina dos colores HEX en un valor CSS linear-gradient listo para copiar.

Traducción asistida por IA en revisión

Esta página se tradujo con ayuda de IA y aún no ha recibido revisión profesional. Consulta las fuentes citadas antes de usarla para una decisión importante.

Qué es

Un degradado lineal transiciona suavemente entre dos o más colores a lo largo de un ángulo. En CSS se escribe con la función linear-gradient().

linear-gradient(ángulo, colorA, colorB)

Cómo se usa

  1. 1Introduce el primer color HEX.
  2. 2Introduce el segundo color y el ángulo.
  3. 3Copia el valor CSS linear-gradient.

Referencia

Generador de degradados CSS Referencia
EntradaResultado
muestravalor CSS linear-gradient

Fuentes y estándares

Preguntas frecuentes

¿Puedo usar el resultado directamente en CSS?

Sí. El valor linear-gradient() se copia tal cual en la propiedad background de tu CSS.

¿Se envían los datos del degradado a un servidor?

No. Esta herramienta se ejecuta en tu navegador y no envía los datos a ningún servidor.

Herramientas relacionadas