0712-2888027 189-8648-0214
微信公眾號(hào)

孝感風(fēng)信網(wǎng)絡(luò)科技有限公司微信公眾號(hào)

當(dāng)前位置:主頁(yè) > 技術(shù)支持 > 平面設(shè)計(jì) > 色相 & 色調(diào)(Hue & Tone)116色體系

色相 & 色調(diào)(Hue & Tone)116色體系

時(shí)間:2015-11-11來源:風(fēng)信官網(wǎng) 點(diǎn)擊: 4568次

色相 & 色調(diào)(Hue & Tone)體系的最初來源是根據(jù)人的語言對(duì)顏色的描述:對(duì)偏白的顏色人們通常會(huì)使用“淺”、“柔”等形容詞來描繪,而對(duì)作為三原色的紅色(Red)、黃色 (Yellow)、藍(lán)色(Blue)等顏色人們自然會(huì)聯(lián)想到“鮮明”、“強(qiáng)烈”等形容詞。而色調(diào)(Tone——結(jié)合明度和純度的概念)就是人們對(duì)可以利用 同一形容詞描述的顏色進(jìn)行的匯總。

色相 & 色調(diào)(Hue & Tone)體系是結(jié)合顏色的三種屬性并根據(jù)人類心理的角度對(duì)顏色進(jìn)行分類的科學(xué)的體系,它在很大程度上方便了用戶對(duì)顏色的分類和使用。

下面的圖像是10色相環(huán)與色調(diào)(Tone)表,其中色調(diào)(Tone)表示以紅色(Red)為基準(zhǔn)的。

10色相環(huán)

在色相 & 色調(diào)(Hue & Tone)體系中,10種色相分別是指:

紅色(Red)、橙色(Yellow Red)、黃色(Yellow)、黃綠色(Green Yellow)、綠色(Green)、青綠色(Blue Green)、藍(lán)色(Blue)、藍(lán)紫色(Purple Blue)、紫色(Purple)、紫紅色(Red Purple)。

色調(diào)表

在色相 & 色調(diào)(Hue & Tone)體系中,11中色調(diào)分別是指:

鮮明(Vivid)、高亮(Strong)、明亮(Bright)、清澈(Pale)、蒼白(Very Pale)、灰亮(Light Grayish)、隱約(Light)、淺灰(Grayish)、陰暗(Dull)、深暗(Deep)、黑暗(Dark)。

其中“鮮明”和“高亮”色調(diào)的彩度很高,所以會(huì)給人一種華麗而又強(qiáng)烈的感覺;“清澈”和“隱約”的亮度和彩度都比較 高,所以會(huì)給人一種柔和的感覺;“灰亮”和“淺灰”以及“陰暗”會(huì)給人一種樸素而又冷靜的感覺;“深暗”和“黑暗”的亮度很低,所以會(huì)給人一種深沉而又凝 重的感覺。

在色調(diào)表中,從下到上亮度依次增加,而從左到右彩度依次增加,所以在色調(diào)表中越靠上的顏色越亮,越靠右的顏色就越鮮明。

色相 & 色調(diào)(Hue & Tone)116色體系就是將前面所介紹的色相環(huán)與色調(diào)表結(jié)合在一起的產(chǎn)物,它是由110種彩色顏色(色相10各等級(jí) X 色調(diào)11個(gè)等級(jí) = 110種顏色)和6種非彩色顏色所構(gòu)成的。

  R YR Y GY G BG B PB P RP
V
 
#ff0033
 
#ff9900
 
#ffff00
 
#99ff33
 
#00ffcc
 
#00ffff
 
#0099ff
 
#3366ff
 
#cc33ff
 
#ff33cc
S
 
#cc3333
 
#ff6600
 
#cccc00
 
#99cc00
 
#33cc99
 
#33cccc
 
#0099cc
 
#3333ff
 
#9900cc
 
#cc3399
B
 
#ff6666
 
#ff9933
 
#ffff66
 
#ccff00
 
#33ffcc
 
#66ffff
 
#3399ff
 
#0066ff
 
#cc66ff
 
#ff66cc
P
 
#ff9999
 
#ff9966
 
#ffff99
 
#ccff66
 
#66ffcc
 
#99ffff
 
#33ccff
 
#6666ff
 
#cc99ff
 
#ff99cc
VP
 
#ffcccc
 
#ffcc99
 
#ffffcc
 
#ccff99
 
#ccffcc
 
#ccffff
 
#99ccff
 
#9999ff
 
#ccccff
 
#ffccff
LGr
 
#cc9999
 
#cc9966
 
#cccc99
 
#99cc99
 
#99ffcc
 
#99cccc
 
#66ccff
 
#6699ff
 
#9999cc
 
#cc99cc
L
 
#cc6666
 
#cc9933
 
#cccc66
 
#99cc66
 
#66cc99
 
#66cccc
 
#3399cc
 
#0066cc
 
#9966cc
 
#cc6699
Gr
 
#996666
 
#996600
 
#999966
 
#669966
 
#339966
 
#669999
 
#6699cc
 
#6666cc
 
#666699
 
#996699
Dl
 
#990033
 
#cc6600
 
#999933
 
#669933
 
#009966
 
#339999
 
#336699
 
#3366cc
 
#9933cc
 
#993399
Dp
 
#993333
 
#996633
 
#666600
 
#669900
 
#006633
 
#009999
 
#006699
 
#0033cc
 
#660099
 
#990066
Dk
 
#660033
 
#663300
 
#333300
 
#336600
 
#003300
 
#336666
 
#003366
 
#003399
 
#330066
 
#663366
Neutral
N9.5 N9 N8 N7 N6 N5 N4 N3 N2 N1
 
#ffffff
 
 
#cccccc
 
 
#999999
 
 
#666666
 
 
#333333
 
#000000

 

分析顏色

每一種顏色給我們的感覺都會(huì)有所不同,但是要具體說明有何不同卻又是一件困難的事情。如果有一個(gè)能夠合理客觀地分析出這種感覺差異的標(biāo)準(zhǔn),那么就可以利用它說明這種感覺上的差異了。

我們不再用如“強(qiáng)烈”、“柔和”等形容詞表達(dá)對(duì)顏色的感受,而是對(duì)顏色進(jìn)行打分,打分時(shí)則利用如下所述的標(biāo)準(zhǔn):

 
(-3,1)
動(dòng)態(tài)                      靜態(tài)
非常  有些  一點(diǎn)  沒有  一點(diǎn)  有些  非常
■────╂───╂───╂───╂───╂───┨
-3 ?。病 。薄  。啊  。薄  。病  。?br />
生硬                      柔和
非?! ∮行 ∫稽c(diǎn)  沒有  一點(diǎn)  有些  非常
┠────╂───╂───╂───■───╂───┨
-3  -2 ?。薄  。啊  。薄  。病  。?/td>
   
 
(-3,3)
動(dòng)態(tài)                      靜態(tài)
非?! ∮行 ∫稽c(diǎn)  沒有  一點(diǎn)  有些  非常
■────╂───╂───╂───╂───╂───┨
-3  -2 ?。薄  。啊  。薄  。病  。?br />
生硬                      柔和
非常  有些  一點(diǎn)  沒有  一點(diǎn)  有些  非常
┠────╂───╂───╂───╂───╂───■
-3 ?。病 。薄  。啊  。薄  。病  。?/td>
   
 
(2,-3)
動(dòng)態(tài)                      靜態(tài)
非常  有些  一點(diǎn)  沒有  一點(diǎn)  有些  非常
┠────╂───╂───╂───╂───■───┨
-3 ?。病 。薄  。啊  。薄  。病  。?br />
生硬                      柔和
非?! ∮行 ∫稽c(diǎn)  沒有  一點(diǎn)  有些  非常
■────╂───╂───╂───╂───╂───┨
-3 ?。病 。薄  。啊  。薄  。病  。?/td>
   
 
(0,2)
動(dòng)態(tài)                      靜態(tài)
非?! ∮行 ∫稽c(diǎn)  沒有  一點(diǎn)  有些  非常
┠────╂───╂───■───╂───╂───┨
-3  -2 ?。薄  。啊  。薄  。病  。?br />
生硬                      柔和
非?! ∮行 ∫稽c(diǎn)  沒有  一點(diǎn)  有些  非常
┠────╂───╂───╂───╂───■───┨
-3 ?。病 。薄  。啊  。薄  。病  。?/td>
   

在打好分之后,將得到的“動(dòng)態(tài)(Dynamic)——靜態(tài)(Static)”值作為橫坐標(biāo)分值、“生硬(Hard)——柔和(Soft)”值作為縱坐標(biāo)分值,在XY二維坐標(biāo)系中找出相應(yīng)的點(diǎn)。

                柔和
  ■--------------┯3
 ?。             々?br />  ?。             々?br />  ?。             々?br />  ?。             々?br />   |              ■2
 ?。             々?br />   |              │
 ?。             々?br />  ?。             々?br />   ■--------------┿1
  |              │
  |              │
 ?。             々?br />   |              │
動(dòng)態(tài)┠────╂────╂────╂────╂────╂────┨靜態(tài)
?。场  。病  。薄  。癌Α   。薄   。病   。?br />                  │        ?。?br />                  │        ?。?br />                  │         |
                 ┿?。薄     。?br />                  │        ?。?br />                  │         |
                 │        ?。?br />                  │        ?。?br />                  ┿ -2     ?。?br />                  │        ?。?br />                  │         |
                 │        ?。?br />                  │        ?。?br />                  ┷?。常?br />                  生硬

紅色會(huì)給人一種動(dòng)態(tài)的感覺,藍(lán)色會(huì)給人一種靜態(tài)的生硬的感覺,黃色給人一種柔和的動(dòng)態(tài)的感覺,而綠色雖然也是較柔和的感覺,但它不會(huì)給人動(dòng)態(tài)的感覺也不會(huì)給人靜態(tài)的感覺。

這就是Color Image Space的基本概念。

單色印象空間

印象究竟是什么?

簡(jiǎn)單地說,印象就是人們對(duì)某一個(gè)事物的感覺。所以為了分析人們對(duì)某一事務(wù)的印象,就必須事先了解人們的內(nèi)心世界,在需 要的時(shí)候,或許還需要研究人員與被測(cè)試人群進(jìn)行單獨(dú)的交流。此時(shí)的研究人員會(huì)盡可能地引導(dǎo)被測(cè)試人員通過語言表達(dá)自己的感覺,再通過對(duì)語言的推理的出具體 的印象。但這種方法需要耗費(fèi)較長(zhǎng)的時(shí)間,而且很難得到具體可靠的數(shù)字資料。

為了更科學(xué)更廣泛地分析人們對(duì)物體的印象,人們通常使用SD方法(Semantic Differential Method)。前面我們進(jìn)行的測(cè)試(對(duì)顏色進(jìn)行打分)就屬于SD方法的范疇。

有人曾經(jīng)進(jìn)行過如下的測(cè)試:

精心篩選出能夠表達(dá)人們對(duì)顏色的感覺的多個(gè)形容詞,然后利用SD方法對(duì)不同工作、生活環(huán)境中的1000個(gè)人進(jìn)行了相關(guān) 的測(cè)試,用于測(cè)試的顏色是色相&色調(diào)(Tue & Tone)表中的116種不同的顏色。“單色印象空間”就是對(duì)這次測(cè)試的數(shù)據(jù)進(jìn)行科學(xué)整理后得到的結(jié)果。從結(jié)果可以獲知,人們對(duì)顏色進(jìn)行評(píng)價(jià)時(shí),最習(xí)慣使 用的4個(gè)形容詞是“柔和(Soft)”、“生硬(Hard)”、“動(dòng)態(tài)(Dynamic)”、“靜態(tài)(Static)。

將這兩類印象的取值分別作為二維坐標(biāo)系上的橫縱坐標(biāo)值得到的點(diǎn)的集合就被稱為“單色印象空間”。

比起色相(Hue),人們對(duì)顏色的印象更大程度地取決于色調(diào)(Tone)。這主要表現(xiàn)為鮮明的色調(diào)通常給人柔和、動(dòng)態(tài)的印象,陰暗的色調(diào)給人生硬的印象等等等等。

單色印象空間

 

我們?cè)谠O(shè)計(jì)網(wǎng)站或者廣告的時(shí)候,絕對(duì)不會(huì)僅僅使用某一種顏色,通常都需要搭配使用多種顏色來獲得較好的配色效果。而為了對(duì)這種多種顏色的混合使用進(jìn)行評(píng)價(jià),就需要引入新的分析方法——配色印象空間。

為了得到“配色印象空間”的具體形狀,又利用SD方法進(jìn)行了相應(yīng)的測(cè)試。其中,“配色印象空間”的縱橫坐標(biāo)值同樣是柔和——生硬、動(dòng)態(tài)-靜態(tài)。

調(diào)查結(jié)果發(fā)現(xiàn),在“配色印象空間”中:

  • 給人靜態(tài)柔和感覺的,通常都是隱約柔和顏色之間的搭配;
  • 給人動(dòng)態(tài)柔和感覺的,通常都是鮮亮顏色間的搭配;
  • 給人動(dòng)態(tài)生硬感覺的,通常都是鮮亮和渾濁暗淡顏色之間的搭配;
  • 給人靜態(tài)生硬感覺的,通常都是灰冷顏色之間的搭配。

在“配色印象空間”中,相距較遠(yuǎn)的顏色之間的印象會(huì)有較大的差異,而距離較近的顏色之間的印象會(huì)比較相近,也就是說顏色間的距離與印象的差異程度成正比關(guān)系。

配色印象空間
點(diǎn)擊放大!
 
形容詞印象空間
點(diǎn)擊放大!

利用Color Image Space分析顏色

假設(shè)打印出一個(gè)“配色印象空間”和一個(gè)“形容詞印象空間”形狀的膠片,此時(shí)位于相同位置上的顏色和形容詞可以說是具有 相同的意義,也就是說,位于“配色印象空間”A位置上的顏色完全可以用“形容詞印象空間”A位置上的形容詞來形容。通過這種方式比較顏色與形容詞,設(shè)計(jì)師 們就可以判斷出不同顏色給人感覺的不同,也就可以由此策劃出一套科學(xué)客觀的配色方案。

假設(shè)我們正在設(shè)計(jì)一個(gè)少兒主題的站點(diǎn)。

當(dāng)決定好站點(diǎn)的主題風(fēng)格為“可愛、快樂”之后,查找這些形容詞在“形容詞印象空間”中的位置,然后確認(rèn)在“配色印象空間”中同一位置上的顏色,站點(diǎn)的設(shè)計(jì)中就可以重點(diǎn)考慮使用這些顏色了。但并不是說只能使用這些顏色,而是應(yīng)該在以這些顏色為主流的同時(shí)適當(dāng)?shù)厥褂靡恍┢渌伾?。因?yàn)闆Q定好配色的主顏色后,就可以輕松地找到可以與主顏色進(jìn)行較好搭配的其他輔助顏色。

需要注意的是,在形容詞印象空間中,不應(yīng)該將一個(gè)形容詞理解為空間中的一個(gè)點(diǎn),而應(yīng)該將形容詞理解為以該點(diǎn)為中心向四 中擴(kuò)散的范圍。例如,“溫和的”形容詞所在位置中的顏色具有最強(qiáng)的“溫和的”感覺,而以該點(diǎn)為中心向四周“溫和的”感覺逐漸減弱。所以在利用形容詞印象空 間決定配色方案時(shí),應(yīng)該充分分析其周圍的相關(guān)形容詞。

熱門關(guān)鍵詞: 色相 色調(diào) Hue Tone 116色體系
欄目列表
推薦內(nèi)容
熱點(diǎn)內(nèi)容
展開