計算機中的顏色 從色相值到純色的快速計算

2021-05-09 22:18:48 字數 1387 閱讀 7513

在上一文中,介紹了「如何快速計算顏色的色相值」,本文介紹從色相值到純色的計算過程。之前已經介紹,色相值和純色有著一一對應的關係。先看看傳統的計算方法:

從圖中計算的過程來看,還是比較繁瑣的,再看看之前的純色色相分布圖。

從圖中找到規律,在圖中的右半部陰影部分,各個分量的變化如下所示: 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設計。美術功底好的人,是能設計出讓人賞心悅目的介面來,欠缺美術功底的人,有時費盡心思也沒轍。這個系列的文章,專注於計算機的顏色表示。通過了解計算機的顏色表示,能有助於提高...