Outil

Dégradé Avancé

Créez des dégradés CSS avancés : stops multiples, glisser-déposer, interpolation RGB ou HSL, linéaire/radial/conique. Exportez en CSS, SCSS ou SVG.

135°

Design System

Votre dégradé en contexte

Commencer

        
      

Interpolation des dégradés CSS

Par défaut, CSS interpole les dégradés en espace sRGB, ce qui peut créer des zones grises ou ternes au milieu de certains dégradés. L'interpolation HSL préserve mieux la saturation, donnant des transitions plus vives. L'espace OKLab, perceptuellement uniforme, produit les dégradés les plus naturels, évitant les bandes de saturation.

Dégradé conique et radial

Le dégradé linéaire est le plus courant mais les dégradés conique et radial offrent des possibilités uniques. Le radial crée des effets de halo, de bokeh ou de lumière ambiante. Le conique permet de créer des effets de spectre, d'arc-en-ciel ou même de simulation de rotation. Ils s'utilisent rarement comme fond principal mais comme accent ou overlay.