modèles de couleur sont les méthodes pour cartographier numériquement le spectre des couleurs . Les modèles se composent habituellement de trois ou quatre valeurs de composantes , telles que les composantes rouge, verte et bleue du modèle de couleur RVB . Par souci de créer une impression de profondeur ou d'autres effets graphiques , il est souvent souhaitable d'utiliser des modèles pour créer des dégradés de couleurs , qui sont des transitions en douceur entre une couleur et un autre . Création gradients est une question de mathématique interpolation entre les composants du modèle de couleur. Les calculs de gradient peut être aussi simple ou complexe que vous le souhaitez . Instructions
1

définir une paire de coordonnées correspondant au début et à la fin de la pente . Pour un dégradé linéaire, ceux coordonne également spécifier la direction du gradient , donc en effet , ils servent de la tête et la queue d'un vecteur , ce qui est une quantité directionnel . Pour un dégradé radial , la queue du vecteur correspond au centre , et la magnitude du vecteur est égal au rayon . Par exemple, si vous voulez un gradient diagonal pour remplir un carré dont les coordonnées supérieure gauche est (0 , 0) , et la partie inférieure droite est ( 100, 100) , définir les mêmes coordonnées que la tête et la queue du vecteur . Chaque ligne perpendiculaire au vecteur entre la queue et la tête va changer progressivement de la couleur à partir de ( 0, 0) à la couleur finale au ( 100, 100) .
2

calculer l'ampleur de la vecteur de gradient à l'équation M = sqrt ( ( x2 - x1 ) ² + ( y2 - y1 ) ² ) où ( x1, y1) et ( x2, y2 ) sont les coordonnées de la queue et la tête , respectivement . Par exemple, M = sqrt ( (100 - 0) + (100 - 0) ² ) = 141,4
3

Calculer la distance à la queue du vecteur de gradient pour chaque point de l' . région. Pour un vecteur radial , l'équation est D = racine ( (x - x1) ² + (y - y1) ² ), où ( x , y) est la paire de coordonnées du point. Pour les gradients linéaires , la distance n'est pas de la queue elle-même , mais à la ligne qui passe à travers la queue perpendiculaire au vecteur . L'équation est D = ( x * ( x2 - x1) - x1 * x2 + x1 ² + y * (y2 - y1) - y1 * y2 + y1 ² ) /M. Définir une distance inférieure à 0-0 , et mettre toute distance supérieure à l'amplitude de l'ampleur . Par exemple, la distance du point ( 20, 30) est D = ( 20 * 100 + 30 * 100) /141,1 = 35,4 . Tous les points de la ligne passant par le point perpendiculaire ont la même distance.
4

Calculer la distance du point de ratio d' ampleur avec l'équation R = D /M. Par exemple , le ratio pour le point ( 20, 30) est R = 35.4/141.4 = 0,25
5

Trouver chacune des composantes de couleur pour le point avec la formule Cp = R ( C2. - C1) + C1, où C1 et C2 sont les composantes correspondantes de la couleur initiale et finale du gradient . Cette formule fonctionne pour n'importe quel modèle de couleur, mais lorsque l'on travaille avec des composants cycliques, tels que la teinte du modèle TSL ( Teinte modèle de légèreté de saturation ) , les valeurs d'usage pour C1 et C2 telles que C2 moins C1 est inférieure à la moitié de la gamme de la composante .

par exemple, si initiaux et finaux couleurs HSL de votre gradient sont (10, 93 , 33) et ( 355 , 28, 60) , la différence C2 moins C1 pour la teinte est de 355 - 10 = 345 , ce qui est plus de la moitié gamme de la LGV de 360 ​​degrés , donc il suffit de travailler avec des angles d'un cercle, ajouter 360 degrés pour trouver un angle équivalent . Soit C1 = 360 + 10 = 370. Par conséquent, la composante de teinte est Cp = 0,25 * ( 355-370 ) + 370 = 366,3 . C'est en dehors de la gamme , donc soustraire 360 pour une valeur de 6,3. Les autres composants de la LGV ne sont pas cycliques, de sorte que les calculs sont plus simples . Pour saturation , Cp = 0,25 * ( 28-93 ) + 93 = 76,8 , et pour plus de légèreté , Cp = 0,25 * (60 - 33) + 33 = 40,0 . Arrondissez tous les calculs pour une couleur HSL finale (6, 77 , 40) .