Generador de degradados CSS

Diseña un degradado CSS lineal o radial con vista previa en vivo y luego copia el CSS.

100 % privado — funciona totalmente en tu navegador. Tus datos se procesan en tu dispositivo y nunca se envían a Internet.

Acerca de esta herramienta

Este generador de degradados CSS gratuito te permite diseñar un degradado lineal o radial con tantas paradas de color como quieras, ajustar el ángulo, previsualizarlo en vivo y copiar el CSS listo para usar.

Todo funciona en tu navegador — no se sube nada.

Funciones

  • Degradados lineales o radiales
  • Varias paradas de color con posiciones ajustables
  • Control del ángulo para degradados lineales
  • Vista previa en vivo y copia de CSS con un clic

Cómo usarlo

  • Elige un tipo — lineal o radial
  • Define tus paradas de color — cambia colores y arrastra sus posiciones, añade más si lo necesitas
  • Ajusta el ángulo (lineal)
  • Copia el CSS — pégalo directamente en tu hoja de estilos

Más herramientas

Ver todo