Couleurs · Dégradés
ColorGradient
Outil gratuit pour créer visuellement des dégradés CSS simples et complexes.
Gratuit, ColorGradient permet de créer visuellement des dégradés CSS, simples ou complexes. Il affirme prendre en charge l’ensemble de la spécification CSS des arrière-plans, ce qui lui permet de produire aussi des motifs et des dégradés radiaux.
L’outil propose des préréglages, une gestion par calques et l’affichage du code CSS généré. Le site publie aussi des articles consacrés aux dégradés linéaires, radiaux et coniques. Les rubriques sur les motifs et les dégradés avancés sont annoncées comme à venir.
Cette ressource aide les graphistes et les intégrateurs à produire des arrière-plans pour le web sans écrire la syntaxe CSS à la main, et à comprendre comment les calques se combinent. Le copyright affiché date de 2021, ce qui laisse penser que le site évolue peu. Les dégradés produits sont uniquement destinés à l’écran.
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.
-
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.
-
Grabient
grabient.com (site externe, nouvelle fenêtre)
Sélecteur de dégradés simple et rapide, avec le code CSS à copier directement.