Generador de degradados CSS

Crea un degradado CSS lineal o radial con una vista previa en vivo y copia la regla background lista para usar.

Generador de degradados CSS

Elige un tipo de degradado, ajusta el ángulo y las paradas de color, y luego copia el CSS.

Aún no hay degradado

Elige tus colores arriba y pulsa «Generar degradado».

Las paradas sin posición se dejan al navegador para que las distribuya uniformemente. Los degradados radiales siempre usan un círculo.

Se ejecuta por completo en tu navegador. No se sube nada.

Cómo funciona

Esta utilidad se ejecuta localmente en tu navegador para mayor privacidad y velocidad.

1 ⚡

Herramientas locales ilimitadas

Esta ejecución cuesta 1 crédito(s) y se guarda automáticamente en tu historial.

Inicia sesión para guardar y ver tu historial de uso.

Mi historial de uso

Aún no hay ejecuciones registradas.

Preguntas frecuentes

¿Recibo créditos gratis para probar Generador de degradados CSS?
Sí: las cuentas nuevas reciben 3 créditos gratis para usar en cualquier herramienta, incluida Generador de degradados CSS. Después solo pagas por lo que uses.
¿Cuántos créditos cuesta Generador de degradados CSS?
Todo se ejecuta en tu navegador y no se sube nada: las cuentas gratuitas pagan 1 crédito por ejecución, y los miembros Pro o Pro+ lo usan tantas veces como quieran.
¿Es privado el contenido que pego?
Generador de degradados CSS usa lo que ingresas solo para generar el resultado. Los resultados guardados se eliminan automáticamente según nuestra política de retención, y puedes borrar cualquier ejecución de tu historial.
¿Necesito instalar algo?
No. Generador de degradados CSS funciona en cualquier navegador moderno: no hay nada que descargar ni instalar.

Herramientas relacionadas

Herramientas que la gente suele necesitar después, en el mismo flujo de trabajo.