Comment créer un dégradé subtil plutôt qu'un mélange brutal de deux couleurs ?.

Un dégradé brutal a souvent trop de contraste, de saturation ou une transition trop rapide. Commencez avec deux couleurs proches et faites évoluer le changement progressivement.

Au lieu de combiner deux couleurs de marque sans rapport, essayez une teinte à deux niveaux de luminosité : un bleu-gris doux à une extrémité et un bleu-gris légèrement plus sombre à l’autre.

Réglez une variable à la fois

Avec les couleurs HSL, gardez la teinte similaire en changeant la luminosité ou la saturation. Si la transition reste visible, réduisez la saturation avant d’ajouter des couleurs.

Le Générateur de dégradés offre un aperçu et le CSS à copier. Essayez d’abord un dégradé linéaire diagonal, puis radial. Vérifiez-le en grand et sur mobile : le contenu doit rester l’élément le plus important.