ToolRobinSin iniciar sesión, úsalo al instante

Generador de degradados CSS

Crea un degradado lineal o radial de dos colores.

Crea un degradado lineal o radial de dos colores.

Opciones

sRGB HEX · 2 colores · 0–360° · Dos colores opacos, ángulo lineal o radial centrado. Sin colores extra, imágenes ni red. Copiar CSS no cambia tu sitio.

Cómo utilizar

Generador de degradados CSS

Crea un degradado lineal o radial de dos colores.

Paso a paso

  1. Cambia solo las opciones necesarias y respeta los límites indicados.
  2. Cambia solo las opciones necesarias y respeta los límites indicados. Primer color: #2563eb · Segundo color: #7c3aed · Ángulo (grados): 90 · Tipo: Lineal · Dos colores opacos, ángulo lineal o radial centrado. Sin colores extra, imágenes ni red. Copiar CSS no cambia tu sitio.
  3. Procesa, compara el resultado con el original y copia o descarga.

Cómo elegir los ajustes

OpciónQué cambia
OpcionesCambia solo las opciones necesarias y respeta los límites indicados. Primer color: #2563eb · Segundo color: #7c3aed · Ángulo (grados): 90 · Tipo: Lineal · Dos colores opacos, ángulo lineal o radial centrado. Sin colores extra, imágenes ni red. Copiar CSS no cambia tu sitio.
LímitessRGB HEX · 2 colores · 0–360° · Dos colores opacos, ángulo lineal o radial centrado. Sin colores extra, imágenes ni red. Copiar CSS no cambia tu sitio.

Ejemplo y resultado esperado

Es un ejemplo del resultado esperado, no una medición real. linear-gradient(90deg, #2563EB, #7C3AED);

Si no funciona

  • Corrige opciones o entrada no admitida y reintenta. El original se conserva; reduce archivos grandes.
  • Dos colores opacos, ángulo lineal o radial centrado. Sin colores extra, imágenes ni red. Copiar CSS no cambia tu sitio.

Formatos y límites

sRGB HEX · 2 colores · 0–360° · Dos colores opacos, ángulo lineal o radial centrado. Sin colores extra, imágenes ni red. Copiar CSS no cambia tu sitio.

Preguntas frecuentes

¿Qué hace esta herramienta?

Crea un degradado lineal o radial de dos colores.

¿Qué ajuste debo elegir?

Cambia solo las opciones necesarias y respeta los límites indicados. Primer color: #2563eb · Segundo color: #7c3aed · Ángulo (grados): 90 · Tipo: Lineal · Dos colores opacos, ángulo lineal o radial centrado. Sin colores extra, imágenes ni red. Copiar CSS no cambia tu sitio.

¿Cuáles son los límites?

sRGB HEX · 2 colores · 0–360° · Dos colores opacos, ángulo lineal o radial centrado. Sin colores extra, imágenes ni red. Copiar CSS no cambia tu sitio.

¿Por qué falló el procesamiento?

Corrige opciones o entrada no admitida y reintenta. El original se conserva; reduce archivos grandes.

¿Se sube o guarda mi entrada?

No. El procesamiento se realiza en tu dispositivo. Las entradas y los resultados permanecen en la memoria de esta página hasta que la borres o salgas. ToolRobin no los sube, registra ni almacena. Copiar coloca el resultado en el portapapeles de tu dispositivo.

Es posible que también necesites