Generador de degradados CSS

Crea degradados CSS lineales, radiales y cónicos (incluidas sus variantes repeating), con múltiples paradas de color, posición, ángulo, forma y transparencia, vista previa en vivo y CSS real generado (nunca una imagen). Reutiliza el mismo analizador y conversor de color que el verificador de contraste y el extractor de paleta.

Procesamiento en tu dispositivo, sin IAhasta 12 paradas de color

Colores

background: linear-gradient(135deg, #ff512f 0%, #f09819 100%);

Los datos se procesan en tu dispositivo y no se envían al servidor.

Casos de uso

Cómo utilizar esta herramienta

  1. Elige el tipo de degradado y añade paradas de color
  2. Ajusta ángulo, forma o centro
  3. Copia el CSS o descarga el archivo .css

Preguntas frecuentes

¿El resultado es una imagen o CSS real?
Es CSS real (una función gradient de fondo); nunca genera una imagen raster para simular el efecto.
¿Reutiliza el mismo selector de color que otras herramientas?
Sí. Usa el mismo analizador y conversor de color que el verificador de contraste y el extractor de paleta, en vez de un selector de color independiente.

Herramientas relacionadas

Sin IA
Extractor de paleta de colores
Sin IA
Verificador de contraste de colores WCAG
Sin IA
Generador de sombras CSS
← Volver al inicio