100 100.tools
Formateador y validador JSON Comparador de diferencias de texto Probador de expresiones regulares Generador de expresiones Cron Generador por lotes de UUID / GUID Vista previa de etiquetas Meta SEO

Generador de degradados CSS

Crea degradados CSS lineales, radiales y cónicos de forma visual, arrastra paradas de color, elige colores y copia CSS listo para usar.

Se ejecuta localmente en tu navegador. Nada se sube.

Vista previa

Arrastra paradas o cambia valores para actualizar el degradado.

Arrastra los marcadores de la barra para ajustar posiciones.

Preajustes

Empieza con una paleta equilibrada.

Tipo de degradado

Paradas de color

Arrastra marcadores o edita cada parada.

Salida CSS

Copia la declaración background o una clase reutilizable.

Listo.

Generador de degradados CSS

Crea degradados CSS lineales, radiales y cónicos de forma visual, arrastra paradas de color, elige colores y copia CSS listo para usar.

Privacidad

Se ejecuta localmente en tu navegador. Nada se sube.

Funciones

  • Arrastra paradas o cambia valores para actualizar el degradado.
  • Arrastra marcadores o edita cada parada.
  • Copiar CSS
  • Copiar clase
  • Se ejecuta localmente en tu navegador. Nada se sube.

Cómo usarla

  1. Preajustes

    Empieza con una paleta equilibrada.

  2. Paradas de color

    Arrastra los marcadores de la barra para ajustar posiciones.

  3. Tipo de degradado

    Lineal / Radial / Cónico

  4. Salida CSS

    Copia la declaración background o una clase reutilizable.

Preguntas frecuentes

Generador de degradados CSS

Crea degradados CSS lineales, radiales y cónicos de forma visual, arrastra paradas de color, elige colores y copia CSS listo para usar.

Copiar CSS

Copia la declaración background o una clase reutilizable.

Se ejecuta localmente en tu navegador. Nada se sube.

Se ejecuta localmente en tu navegador. Nada se sube.

Herramientas relacionadas

IMAGE Extractor de paleta de colores Extrae paletas HEX, RGB, HSL y CSS de imágenes. SVG Convertidor SVG a PNG Exporta SVG a PNG localmente. IMAGE Convertidor de imagen a Base64 Convierte imágenes a Data URI, CSS url() o Base64. JSON Formateador y validador JSON Formatea, valida y pliega JSON localmente. TEXT-DIFF Comparador de diferencias de texto Compara texto original y modificado con diff local lado a lado o unificado. REGEX Probador de expresiones regulares Pruebas de regex en vivo con resaltado y grupos. CRON Generador de expresiones Cron Genera y explica expresiones cron localmente. UUID Generador por lotes de UUID / GUID Genera y exporta lotes de UUID v1, v4 y v7.