Couleurs · Dégradés
CSS Gradient Editor
Éditeur de dégradés CSS pour créer arrière-plans et motifs, avec code prêt à copier.
Éditeur en ligne de dégradés CSS, CSS Gradient Editor permet de créer des arrière-plans et des motifs, et de récupérer le code correspondant, prêt à copier dans une feuille de style.
Le principe est de composer visuellement un dégradé en ajoutant des couleurs, en réglant leurs positions et l’angle, puis de copier le code généré. L’outil est présenté comme gratuit et fonctionne directement dans le navigateur, sans rien installer.
Un graphiste ou un intégrateur peut l’utiliser pour concevoir un fond de page, un bandeau ou une texture sans écrire la syntaxe à la main, en voyant le résultat immédiatement. Il convient pour des arrière-plans destinés à l’écran, et le code obtenu peut être repris dans un projet web. Il ne gère pas les dégradés à l’impression, où le rendu dépend du profil colorimétrique du fichier et de la machine. Il est utile surtout aux personnes qui connaissent déjà un peu de CSS.
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.
-
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.
-
Grabient
grabient.com (site externe, nouvelle fenêtre)
Sélecteur de dégradés simple et rapide, avec le code CSS à copier directement.