先了解下RGB和HSV 區別

1. RGB模型。

三維座標：

RGB:三原色

原點到白色頂點的中軸線是灰度線，r、g、b三分量相等，強度可以由三分量的向量表示。

用RGB來理解色彩、深淺、明暗變化：

色彩變化： 三個座標軸RGB最大分量頂點與黃紫青YMC色頂點的連線

深淺變化：RGB頂點和CMY頂點到原點和白色頂點的中軸線的距離

明暗變化：中軸線的點的位置，到原點，就偏暗，到白色頂點就偏亮

2. HSV模型

倒錐形模型：

這個模型就是按色彩、深淺、明暗來描述的。

H是色彩

S是深淺， S = 0時，只有灰度

V是明暗，表示色彩的明亮程度，但與光強無直接聯絡，（意思是有一點點聯絡吧）。

3. RGB與HSV的聯絡

從上面的直觀的理解，把RGB三維座標的中軸線立起來，並扁化，就能形成HSV的錐形模型了。

但V與強度無直接關係，因為它只選取了RGB的一個最大分量。而RGB則能反映光照強度（或灰度）的變化。

v = max(r, g, b)

由RGB到HSV的轉換：

"　　HSV對使用者來說是一種直觀的顏色模型。我們可以從一種純色彩開始，即指定色彩角H，並讓V=S=1，然後我們可以通過向其中加入黑色和白色來得到我們需要的顏色。增加黑色可以減小V而S不變，同樣增加白色可以減小S而V不變。例如，要得到深藍色，V=0.4 S=1 H=240度。要得到淡藍色，V=1 S=0.4 H=240度。

連結是程式碼參考資料

static void RGBtoHSV( float r, float g, float b, float *h, float *s, float *v )
{
    float min, max, delta;
    min = MIN( r, MIN( g, b ));
    max = MAX( r, MAX( g, b ));
    *v = max;               // v
    delta = max - min;
    if( max != 0 )
        *s = delta / max;       // s
    else {
        // r = g = b = 0        // s = 0, v is undefined
        *s = 0;
        *h = -1;
        return;
    }
    if( r == max )
        *h = ( g - b ) / delta;     // between yellow & magenta
    else if( g == max )
        *h = 2 + ( b - r ) / delta; // between cyan & yellow
    else
        *h = 4 + ( r - g ) / delta; // between magenta & cyan
    *h *= 60;               // degrees
    if( *h < 0 )
        *h += 360;
}

static void HSVtoRGB( float *r, float *g, float *b, float h, float s, float v )
{
    int i;
    float f, p, q, t;
    if( s == 0 ) {
        // achromatic (grey)
        *r = *g = *b = v;
        return;
    }
    h /= 60;            // sector 0 to 5
    i = floor( h );
    f = h - i;          // factorial part of h
    p = v * ( 1 - s );
    q = v * ( 1 - s * f );
    t = v * ( 1 - s * ( 1 - f ) );
    switch( i ) {
        case 0:
            *r = v;
            *g = t;
            *b = p;
            break;
        case 1:
            *r = q;
            *g = v;
            *b = p;
            break;
        case 2:
            *r = p;
            *g = v;
            *b = t;
            break;
        case 3:
            *r = p;
            *g = q;
            *b = v;
            break;
        case 4:
            *r = t;
            *g = p;
            *b = v;
            break;
        default:        // case 5:
            *r = v;
            *g = p;
            *b = q;
            break;
    }
}

...

CGFloat r, g, b, a, h, s, v;

const CGFloat *comp = CGColorGetComponents([myUIColor CGColor]);

r = comp[0];
g = comp[1];
b = comp[2];
a = comp[3];

RGBtoHSV(r, g, b, &h, &s, &v);