Herramienta

Degradado Avanzado

Cree degradados CSS avanzados: múltiples stops, arrastrar y soltar, interpolación RGB o HSL, lineal/radial/cónico. Exportar en CSS, SCSS o SVG.

135°

Design System

Su degradado en contexto

Comenzar

        
      

Interpolación de gradientes CSS

Por defecto, CSS interpola los degradados en espacio sRGB, lo que puede crear zonas grises en el medio de algunos degradados. La interpolación HSL preserva mejor la saturación, dando transiciones más vívidas. El espacio OKLab, perceptualmente uniforme, produce los degradados más naturales.

Degradado cónico y radial

El degradado lineal es el más común pero los degradados cónico y radial ofrecen posibilidades únicas. El radial crea efectos de halo, bokeh o luz ambiental. El cónico permite crear efectos de espectro, arcoíris o incluso simulación de rotación.