Couleurs · Dégradés
Gradient Magic
Dégradés CSS avancés et animés, à copier et à personnaliser.
Gradient Magic rassemble des dégradés CSS avancés et animés, à copier et à personnaliser, présentés comme fantastiques et uniques.
Le principe est de parcourir des dégradés plus élaborés que de simples transitions entre deux couleurs, de les copier et de les adapter. Certains sont animés, ce qui permet d’obtenir un fond mouvant sans recourir à une image ou à une vidéo. Le site est en accès libre.
Un graphiste ou un intégrateur peut l’utiliser pour donner du caractère à l’arrière-plan d’une page d’accueil, d’une section ou d’un visuel destiné à l’écran. Les dégradés animés demandent de la mesure, car ils peuvent distraire de la lecture et alourdir le rendu sur des appareils modestes. Ils ne conviennent pas à l’impression, et leur contraste avec un texte placé dessus doit être contrôlé à chaque usage.
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.