Un point de couleur associe une couleur à une position. Par exemple, #FF0000 25% fixe le rouge au quart du parcours. Déplacer ce point change la transition ; en ajouter ne garantit pas un résultat plus doux ou meilleur.
Deux couleurs à 50% créent une coupure nette
Placez du rouge à 0% et 50%, puis du bleu à 50% et 100%. Avec un gradient linéaire à 90deg, la moitié gauche reste rouge et la droite bleue. Les points centraux ne laissent aucune distance d’interpolation. GradientForge trie les positions mais conserve l’ordre d’ajout en cas d’égalité ; inverser ces couleurs change la transition.
Ce qu’insère Ajouter un point
Avec #000000 à 0% et #FFFFFF à 100%, Ajouter un point crée #808080 à 50%. L’outil choisit le plus grand intervalle adjacent, arrondit la position médiane vers le bas et chaque canal RGB à l’entier le plus proche. En cas d’égalité, le premier intervalle gagne. Cette règle propre à GradientForge ne garantit pas la couleur interpolée par le navigateur. Deux à huit points sont acceptés.
Vérifiez la déclaration dans son contexte réel
Gardez un background-color de repli et enregistrez le CSS avant de recharger : les palettes ne sont pas conservées. Testez les navigateurs et dimensions visés. Vérifiez le contraste sur tout le gradient visible, pas en un point ; l’aperçu ne certifie ni accessibilité ni compatibilité.