Couleurs · Dégradés
WebGradients
Collection de 180 dégradés linéaires gratuits, en images et en CSS.
WebGradients est une collection de 180 dégradés linéaires gratuits, proposés à la fois sous forme d’images et de code CSS. Chaque dégradé est présenté dans une grille, avec un nom.
On choisit un dégradé, puis on le télécharge en image ou on copie le code CSS qui permet de le reproduire dans une feuille de style. La collection est gratuite et peut servir à des projets personnels comme professionnels, sous les conditions indiquées sur le site.
Un graphiste y trouve des fonds tout prêts pour des sites, des bannières, des visuels de réseaux sociaux ou des maquettes, avec deux modes d’utilisation selon qu’il travaille dans un logiciel d’image ou dans du code. La collection est volontairement limitée à des dégradés linéaires : elle ne contient ni dégradés maillés ni animations, et ne propose pas d’outil d’édition des teintes.
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.