Generador de degradados CSS
Creá degradados lineales, radiales y cónicos con varios colores, mirá la vista previa y copiá el código CSS listo para usar.
Cómo funciona
Elegí el tipo de degradado, el ángulo y los colores con sus posiciones. Podés agregar todas las paradas de color que quieras y ver el resultado en vivo.
Copiá el código CSS generado (background: linear-gradient(...)) y pegalo en tu hoja de estilos. Incluye degradados de ejemplo para inspirarte.
Preguntas frecuentes
¿Los degradados CSS funcionan en todos los navegadores?
Sí, linear-gradient y radial-gradient funcionan en todos los navegadores modernos sin prefijos. conic-gradient también, desde 2020.
¿Es mejor un degradado CSS o una imagen?
El degradado CSS pesa casi nada, se adapta a cualquier tamaño y no requiere una descarga extra, así que mejora la velocidad de la web.
Herramientas relacionadas
Generador de favicon online
Diseñá el favicon de tu web con texto, iniciales o emoji, o creálo desde una imagen. Descargá favicon.ico, PNG en todos los tamaños, manifest y código HTML.
Abrir herramientaGenerador de códigos QR gratis
Creá códigos QR gratis para links, texto, WiFi, email o WhatsApp. Elegí colores y tamaño y descargalos en PNG o SVG. Sin vencimiento y sin registro.
Abrir herramientaConversor de colores HEX, RGB y HSL
Convertí colores entre HEX, RGB y HSL, elegí colores con el selector y generá una escala de tonos lista para copiar como variables CSS.
Abrir herramientaVerificador de contraste de colores (WCAG)
Calculá la relación de contraste entre el color del texto y el fondo y verificá si cumple las pautas de accesibilidad WCAG 2.1 AA y AAA.
Abrir herramientaRedimensionar, comprimir y convertir imágenes
Achicá, comprimí y convertí imágenes a JPG, PNG o WebP sin subirlas a ningún servidor. Ideal para acelerar tu web y cumplir límites de tamaño.
Abrir herramienta¿Necesitás una herramienta a medida para tu negocio?
Contanos tu caso y en 30 minutos te damos un diagnóstico claro: qué pasa, qué conviene hacer primero y cuánto puede costar. Sin compromiso.