Modelli di colore sono metodi per mappare numericamente lo spettro dei colori . I modelli di solito costituiti da tre o quattro valori dei componenti , come ad esempio i componenti di rosso , verde e blu del modello di colore RGB . Per il bene di creare un senso di profondità o di altri effetti grafici , è spesso preferibile utilizzare i modelli per creare sfumature di colore , che sono transizioni uniformi tra un colore e l'altro. Creando gradienti è una questione di matematicamente interpolazione tra i componenti del modello di colore . I calcoli gradiente può essere semplice o complesso come volete. Istruzioni
1

Definire una coppia di coordinate corrispondente all'inizio e alla fine del gradiente . Per un gradiente lineare , quelle coordinate anche specificare la direzione del gradiente , così in effetti , essi servono come il capo e la coda di un vettore , che è una quantità direzionale . Per un gradiente radiale , la coda del vettore corrisponde al centro , e la grandezza del vettore è uguale al raggio . Ad esempio , se si desidera una sfumatura diagonale per riempire un quadrato il cui coordinate in alto a sinistra è ( 0 , 0 ) , e in basso a destra è ( 100 , 100 ) , può definire le stesse coordinate come la testa e la coda del vettore . Ogni linea perpendicolare al vettore tra la coda e la testa cambia gradualmente dal colore iniziale in (0 , 0 ) al colore finale ( 100 , 100) .
2

Calcolare la grandezza del vettore gradiente con l'equazione M = sqrt ( ( x2 - x1 ) ² + ( y2 - y1 ) ² ) , dove ( x1 , y1 ) e ( x2 , y2) sono rispettivamente le coordinate della coda e la testa . Ad esempio , M = sqrt ( (100 - 0) + (100 - 0) ² ) = 141.4
3

Calcola il percorso per la coda del vettore gradiente per ogni punto del . zona . Per un vettore radiale , l'equazione è D = sqrt ( ( x - x1 ) ² + (y - y1 ) ² ) , dove ( x , y) è coppia di coordinate del punto. Per gradienti lineari , la distanza non è alla coda stessa, ma alla linea che passa attraverso la coda perpendicolare al vettore . L'equazione è D = ( x * ( x2 - x1 ) - x1 * x2 + x1 ² + y * ( y2 - y1 ) - y1 * y2 + y1 ²) /M. Impostare qualsiasi distanza minore di 0 a 0 e impostare qualsiasi distanza maggiore della grandezza alla grandezza . Per esempio , la distanza del punto ( 20 , 30 ) è D = (20 * 100 + 30 * 100) /141,1 = 35,4 . Tutti i punti della linea perpendicolare passante per quel punto hanno la stessa distanza .
4

Calcolare la distanza del punto di rapporto di grandezza con l'equazione R = D /M. Ad esempio , il rapporto per il punto ( 20 , 30 ) è R = 35.4/141.4 = 0.25
5

Trova ciascuna delle componenti del colore per il punto con la formula Cp = R ( C2 . - C1 ) + C1 , dove C1 e C2 sono i corrispondenti componenti per il colore iniziale e finale della sfumatura. Questa formula funziona per qualsiasi modello di colore , ma quando si utilizzano componenti ciclici, come ad esempio la tonalità del modello HSL ( Hue modello Lightness Saturation ) , i valori di utilizzo per C1 e C2 tali che C2 minus C1 è inferiore alla metà intervallo del componente.

Per esempio , se iniziali e finali colori HSL del gradiente sono ( 10 , 93 , 33) e ( 355 , 28 , 60 ) , la differenza meno C1 C2 per la tonalità è 355-10 = 345 , che è più della metà della gamma HSL di 360 gradi , in modo solo come lavorare con gli angoli di un cerchio , aggiungere 360 gradi per trovare un angolo equivalente . Lasciate C1 = 360 + 10 = 370 . Pertanto la componente tonalità è Cp = 0.25 * ( 355-370 ) + 370 = 366.3 . Che è fuori del campo , in modo sottrarre 360 per un valore di 6,3 . Gli altri componenti HSL non sono ciclici , così i calcoli sono più semplici . Per saturazione , Cp = 0.25 * ( 28-93 ) + 93 = 76,8 , e per leggerezza , Cp = 0.25 * (60 - 33) + 33 = 40,0 . Completano tutti i calcoli per un colore HSL finale ( 6 , 77 , 40) .