linear-gradient(125deg, #E64040, #334FC4)RÉPONSE DIRECTE
Le générateur produit un linear-gradient CSS à deux arrêts. La transition calculée par le navigateur peut traverser des zones moins lisibles ou moins harmonieuses que les extrémités.
Régler la direction
L’angle définit l’orientation de la ligne de dégradé. Testez-le dans le bloc final : le même angle produit une sensation différente dans une bannière très large, une carte carrée ou un petit bouton.
Copiez la déclaration puis rattachez-la à une classe ou à un token de thème, plutôt que de multiplier des valeurs isolées dans le code.
Contrôler les couleurs intermédiaires
Le navigateur interpole entre les arrêts selon les règles CSS et l’espace utilisé. Le milieu peut perdre en saturation, traverser une zone terne ou créer une bande dont le contraste avec le texte est insuffisant.
Si le trajet compte, ajoutez des arrêts contrôlés dans votre code ou utilisez une interpolation adaptée. Vérifiez aussi les écrans où des bandes de quantification peuvent apparaître.
Accessibilité et performance
Un texte posé sur un dégradé doit rester lisible au point le plus défavorable. Pour transmettre une progression de données, ne comptez pas seulement sur la teinte : ajoutez valeurs, repères ou libellés.
Un dégradé CSS est généralement plus léger qu’une image décorative équivalente, mais il ne remplace pas une vraie image lorsque le contenu visuel a un sens.
Méthode et révision
Les calculs sont exécutés dans le navigateur à partir des valeurs saisies. Les limites propres à cet outil sont indiquées ci-dessus ; la méthode générale et les formules sont documentées dans le référentiel.
Révision : 21 août 2026 · Éditeur : Blue Painter SARL · Signaler une erreur.