Couleurs · Dégradés
Meshgradient
Générateur de dégradés par shaders WebGL, où l’on place des points de couleur et déforme le rendu.
Meshgradient, présenté sous le nom MESH, est un générateur de dégradés fondé sur des shaders WebGL. Il a été créé par Burak Aslan et se consulte dans le navigateur.
Le principe est simple : un clic ajoute un point de couleur, un glissement déforme l’effet du dégradé, et un clic avec la touche Maj enfoncée supprime un point. Un réglage permet aussi d’afficher la grille de points d’entrée pour obtenir des couleurs plus singulières. Le site comprend une galerie de dégradés que l’on ouvre pour les modifier, ainsi qu’une fonction d’export.
Les graphistes l’utilisent pour produire des arrière-plans de présentations, des couvertures, des visuels de réseaux sociaux ou des fonds d’interface à l’aspect doux et fluide. Le dégradé obtenu est figé une fois exporté : pour le modifier, il faut retourner dans l’outil.
Dans la même rubrique
-
Color-blend
meyerweb.com (site externe, nouvelle fenêtre)
Calcule jusqu’à dix couleurs intermédiaires entre deux couleurs données, avec leurs valeurs.
-
ColorGradient
colorgradient.dev (site externe, nouvelle fenêtre)
Outil gratuit pour créer visuellement des dégradés CSS simples et complexes.
-
Coolhue
webkul.github.io (site externe, nouvelle fenêtre)
Sélection de dégradés soignés, fournis avec le code correspondant.
-
CSS Gradient
cssgradient.io (site externe, nouvelle fenêtre)
Générateur de dégradés CSS avec aperçu, curseurs de couleurs et code prêt à copier.
-
CSS Gradient Editor
cssgradienteditor.com (site externe, nouvelle fenêtre)
Éditeur de dégradés CSS pour créer arrière-plans et motifs, avec code prêt à copier.
-
Eggradients
eggradients.com (site externe, nouvelle fenêtre)
Collection de dégradés de couleurs à copier, avec leur code CSS, pour les arrière-plans.