Generador de Degradados CSS

Crea degradados CSS lineales, radiales y cónicos con vista previa en vivo, paradas de color ilimitadas y código listo para copiar. Sin registro.

Vista previa

Tipo

Ángulo135°

Paradas de color

0%

100%

Código CSS

background: linear-gradient(135deg, #34d399 0%, #0ea5e9 100%);

Todo se genera en tu navegador; nada se envía a ningún servidor.

Compartir

Guías relacionadas

Tutoriales del blog donde esta herramienta resulta útil.

Guía Guía Completa de CSS para 2026: Domina el Arte del Diseño Web ModernoAprende CSS moderno en 2026: container queries, :has(), anchor positioning, view transitions, scroll-driven animations, @scope, subgrid y todo lo nuevo de CSS Snapshot 2026.

Volver a todas las herramientas