Couleurs · Dégradés
Gradients.app
Générateur de dégradés CSS à personnaliser, avec export du code.
Avec Gradients.app, on compose un dégradé CSS en choisissant ses couleurs et ses réglages, puis on récupère le code correspondant pour le coller dans une feuille de style. L’outil est un générateur à personnaliser, accessible dans le navigateur.
Le dégradé se construit visuellement, avec un aperçu qui évolue à chaque réglage. L’export du code permet de reprendre le résultat tel quel dans un projet web, sans écrire la syntaxe à la main.
Un graphiste ou un intégrateur peut s’en servir pour concevoir un arrière-plan de page, de bouton ou de section, en voyant le résultat avant de copier le code. L’outil gagne du temps par rapport à une écriture manuelle, notamment pour les dégradés à plusieurs couleurs. Les dégradés produits sont destinés à l’écran, et le contraste avec un texte placé dessus doit être vérifié avant d’être validé dans une maquette ou un site en production.
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.