0712-2888027 189-8648-0214
微信公眾號

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

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

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

時間:2024-09-19來源:風信官網(wǎng) 點擊: 4465次

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

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

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

10色相環(huán)

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

紅色(Red)、橙色(Yellow Red)、黃色(Yellow)、黃綠色(Green Yellow)、綠色(Green)、青綠色(Blue Green)、藍色(Blue)、藍紫色(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)的彩度很高,所以會給人一種華麗而又強烈的感覺;“清澈”和“隱約”的亮度和彩度都比較 高,所以會給人一種柔和的感覺;“灰亮”和“淺灰”以及“陰暗”會給人一種樸素而又冷靜的感覺;“深暗”和“黑暗”的亮度很低,所以會給人一種深沉而又凝 重的感覺。

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

色相 & 色調(diào)(Hue & Tone)116色體系就是將前面所介紹的色相環(huán)與色調(diào)表結(jié)合在一起的產(chǎn)物,它是由110種彩色顏色(色相10各等級 X 色調(diào)11個等級 = 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

 

分析顏色

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

我們不再用如“強烈”、“柔和”等形容詞表達對顏色的感受,而是對顏色進行打分,打分時則利用如下所述的標準:

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

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

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

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

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

單色印象空間

印象究竟是什么?

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

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

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

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

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

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

單色印象空間

 

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

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

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

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

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

配色印象空間
點擊放大!
 
形容詞印象空間
點擊放大!

利用Color Image Space分析顏色

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

假設(shè)我們正在設(shè)計一個少兒主題的站點。

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

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

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