2026-06-22
Comment créer un fond dégradé qui ne semble pas bon marché ?.
Quelques décisions mesurées pour rendre les dégradés CSS intentionnels plutôt que bruyants ou démodés.
Un bon dégradé en fait généralement moins que prévu. Il utilise des couleurs proches, une direction claire et suffisamment d’espace vide pour le contenu.
Le problème le plus courant est de choisir deux couleurs brillantes, saturées et sans lien. Le résultat concurrence le texte. Commencez par une couleur de marque et faites-la évoluer vers une version plus claire, plus sombre ou moins saturée.
Trois façons de rester mesuré
- Utilisez des teintes proches. Le bleu vers le bleu-violet est souvent plus calme que le bleu vers l’orange vif.
- Réduisez la saturation. Une couleur atténuée peut créer de la profondeur sans dominer le design.
- Donnez-lui un rôle. Le dégradé peut guider l’œil, séparer une section ou ajouter un peu de texture.
Le Générateur de dégradés permet d’essayer des dégradés linéaires, radiaux et coniques puis de copier le CSS. Commencez avec deux étapes et n’en ajoutez une troisième que si nécessaire.
Placez du contenu réel par-dessus et vérifiez les titres, le texte, les boutons et le mobile.