在上一文中,介紹了「如何快速計算顏色的色相值」,本文介紹從色相值到純色的計算過程。之前已經介紹,色相值和純色有著一一對應的關係。先看看傳統的計算方法:
從圖中計算的過程來看,還是比較繁瑣的,再看看之前的純色色相分布圖。
從圖中找到規律,在圖中的右半部陰影部分,各個分量的變化如下所示: 0
-60:r
:255
-》255;g
:0-》255;b
:0-》0
; 60-120:r
:255-》0
;g:255
-》255;b
:0-》0
; 120-180:r
:0-》0
;g:255
-》255;b
:0-》255;
在圖中的左半空白部分,以到紅色的夾角為算,各個分量的變化如下所示: 0
-60:r
:255
-》255;g
:0-》0
;b:0
-》255;
60-120:r
:255-》0
;g:0
-》0;b
:255
-》255;
120-180:r
:0-》0
;g:0
-》255;b
:255
-》255;
仔細觀察上面的兩個變化,可以發現,
r的變化是一致的,而g、
b分量的變化正好左右對稱。因此,只要能寫出右邊的公式,將g、
b分量值互換一下,就得到左邊的公式了
下面把右邊的計算公式,詳細描述一下:
取純色和紅色的夾角,右邊的就是純色的色相值θ
令λ=θ
/60×
255
r=510
-λ;若
r<0
,則r=0
;若r>255
,則r=255;
g=λ;若g>255
,則g=255;
b=λ-
510;若
b<0
;則b=0;
如此計算出來的純色(r
,g,b
)就是該色相值對應的純色。
類似的,把公式稍作變換,就是左邊的公式:
取純色和紅色的夾角,左邊的是
360-θ 令
λ=θ/60
×255
r=510
-λ;若
r<0
,則r=0
;若r>255
,則r=255;
g=λ-
510;若
g<0
;則g=0;
b=λ;若b>255
,則b=255;
綜上兩個公式,就是從色相值到純色的快速計算。
計算機中的顏色VI 從色相值到純色的快速計算
在上一文中,介紹了 如何快速計算顏色的色相值 本文介紹從色相值到純色的計算過程。之前已經介紹,色相值和純色有著一一對應的關係。先看看傳統的計算方法 從圖中計算的過程來看,還是比較繁瑣的,再看看之前的純色色相分布圖。從圖中找到規律,在圖中的右半部陰影部分,各個分量的變化如下所示 0 60 r 255 ...
計算機中的顏色V 快速計算顏色的色相值
在之前的文章中,給定乙個顏色,它的色相值計算如下 由公式可知,計算色相時要分為六種情況,計算略顯複雜。有沒有簡單的計算方法呢?來看看下面這個圖 上面這個圖,表示純色的色相分布,把純色分為六個部分。仔細觀察,每個部分的純色都有統一的特點,例如,右上角的部分,r 255,b 0,g從0變化到255。右邊...
計算機中的顏色I 顏色概述
無論是設計網頁還是編寫程式,乙個美觀的介面是必不可少的。仔細分析介面的構成,無外乎兩個因素 一是顏色 乙個是形狀。這個又被稱為ui設計。美術功底好的人,是能設計出讓人賞心悅目的介面來,欠缺美術功底的人,有時費盡心思也沒轍。這個系列的文章,專注於計算機的顏色表示。通過了解計算機的顏色表示,能有助於提高...