Créez rapidement de magnifiques dégradés CSS avec CSS Gradient Creator

Cet outil conçu par Josh W Comeau permet de créer très facilement des dégradés esthétiques.

Le générateur de dégradés CSS de Josh W Comeau est une application Web simple et très efficace qui vous aide à créer des dégradés magnifiques et luxuriants.

Capture d'écran de l'éditeur de dégradé avec un dégradé linéaire simple.

Personnellement, j'ai du mal à faire correspondre la syntaxe à un élément visuel, cet outil m'a donc été d'une grande aide. Elle se concentre sur la création de dégradés linéaires et vous permet de les configurer à l'aide de différents modes de couleur (comme HCL), même s'ils ne sont pas directement compatibles avec la fonction CSS linear-gradient. L'article de blog d'aide de Josh explique plus en détail comment l'interpolation des couleurs est calculée et appliquée à un élément que le navigateur peut afficher. Il s'agit d'une lecture fascinante de certaines des théories qui sous-tendent son fonctionnement.

Dégradé linéaire

Navigateurs pris en charge

  • 26
  • 12
  • 16
  • 7

Source

Image principale de Luke Chesser sur Unsplash