JilSander-Spring-2011-Collection-4 (1)  

 

 

這篇文章是要來敎大家如何配色

用比較學術性的配色方法之前

我們一定要先知道一個東西    就是色相環

下圖為標準12色色相環

 

images  

我們都知道衣服的配色是搭配成功的關鍵因素之一

但是要如何配色往往折煞許多男性同胞

這篇小弟希望能提供一個指引

也就是利用色相環來幫助配色

 

 

當我們看一個色相環的時候

請起碼要選擇如上圖的12種顏色的色相環

才是一個最基本最基本的色相環

上圖最中心處為黃藍紅

這三個顏色就是色彩的三原色

無法用其他顏色調配出來

因此   他們這三個顏色可以說是其他顏色的父母親

同樣看上圖

中心處的藍色與紅色可以調配出紫色

紫色就是他們的小孩

同理

黃色與紅色調配出了橘色

黃色與藍色調配出了綠色

因此綠色的爸爸媽媽就是藍跟黃

而綠橘紫這三個由藍黃紅生出的小孩

叫做第二原色

而第二原色又跟第一原色互相調配

產出了介於黃跟橘

             綠跟藍

             藍跟紫

等等六個顏色

這六個顏色叫做第三原色

所以構成了12種顏色的色相環

ColorWheel1  

上圖的色相環有文字就很清楚

blue-green就是由藍跟綠產生的顏色

blue-violet就是由藍跟紫產生的顏色

第三原色可以想成是

介於兩種顏色之間的顏色

 

 

 

舉例

我們常在講紅到發紫

紅到發紫就是介於紅跟紫之間的顏色

那就是酒紅色

20121017134824311_300  

這樣可以理解了齁

 

 

 

還不懂的話

下圖是綠色還藍色??????????

答案是     都是

這種顏色叫做teal

他就是介於藍跟綠之間的顏色

London-Olympic-Games-Gala-Kates-teal-dress

現學現賣

我來考考大家

為什麼紅綠燈台灣人說是綠色日本人說是青色?????

因為紅綠燈的綠就是介於綠跟藍之間

而日本的綠燈的光譜會更偏向藍的那邊

 

因此,   現實生活中, 很多顏色都是介於兩種顏色之間的

 

 

 

 

 

可是我們都知道 

藍色有深藍跟淺藍對吧

綠色也有深綠跟淺綠

綠色加黑色越多就深綠

綠色加白色越多就淺綠

綠色加灰色越多就會變濁

因此考慮到這樣的情況

我們把色相環更進一步擴大

變成最完整的樣子

color-wheel1  

ta~da~~~~~~~~~~~

一個完整的包刮深淺的色相環就出來

 

 

 

有對色相環的基本了解以後 

接下來我們就可以開始進行我們的衣服色彩計畫了

首先我們來看的是同色配色

Color-05-600x399  

同色系配色就是在同一色相下

利用明度彩度的變化去做配色

更白化的講法就是

整個搭配看起來都是同一個顏色

但是深淺有不同

1-monochromatic-match  spring-2013-men-monochromatic  84445138_10-preview       

這種同色系配色法

可以說很簡單也可以說很難

我們往往會利用顏色的深淺

材質的變化去達到不過於單調的look

monochromatic-coat-sweater  

但是這個差異要夠大 ,   才能夠產生不同單品間的區別

 

 

 

而以西裝來說

我們男性比較少穿花俏的顏色

像黑色跟灰色白色都是中性色

中性色撇除文化上的區別

單純理論上來說         可以搭的顏色很多,    幾乎可以說是百搭

所以中性色可以說不算顏色

我們可以穿如下圖的灰色西裝

其他配件都同色系

tumblr_mz6kp4mfg01qc8yajo1_500

 

 

 

當然你要連西裝都參與同色系配色也可以

不過女裝比較常見這種花俏的搭法 ,   男性的話你要一年365天都是suit walk也是可以啦

D5259CF9BE87E6C8EA8E83B128

 

 

 

 

 

而同色系的配色計畫往往會使人有增高的效果

這很好理解

因為顏色之間的差異小

因此視覺上更連貫

如果你使用暗色  效果通常會更明顯

因為暗色會有後退感

後退感會使你的身形看起來更苗條一點

通常來說   暖色具有前進感

              冷色具有後退感

              暗色具有後退感

              亮色具有前進感

 

 

西裝搭配更常見同色系配色,這句話基本上是廢話

尤其是當西裝本身是鮮豔的顏色的時候

因為套裝的本質讓同色系往往是最好上手的配色計畫

MonochromeColour  

 

 

接下來介紹的配色計畫就是相近色

analogous  

相近色可以想成是同色系的放寬

他不限定於一定要同一色相內

可以是藍色配綠色配紫色

nVXO1Bt  

紅色配橘色

71cbd1f7c5496741afaa2fbee57a2cd8f13cc795_600

藍色配綠色

下載  

7903faee01a548bb4e20128850db69a2  

16306633696_1d79a9f063_o  

Isaia_Pitti_AW13_05  

黃色配橘色

20140703215355352

紅色配紫紅色

ESTHER    

等等不一而足

 

 

而我在前面提到的什麼顏色生出什麼顏色的概念

也可以用在這裡

比如   藍色與黃色生出綠色

那綠色往往跟黃色還有藍色搭的很好

而綠色與他的藍色家長又生出了藍綠色(亂倫!!!????)

這種顏色上的血緣關係搭配   其實也是相近色的概念

 

 

 

 

 

接下來也是大家耳熟能詳的對比色或互補色搭配

嚴格來說

對比跟互補是不一樣的

這晚點會提到

所以我們這裡只談互補色

也就是完全色相環正180度的互補色

藍橘

complementary-2-224x300  

黃紫

f808ec455eb2c5933c76e5ecfe96b607  

紅綠

4892bfca97ca556a7d222953b297a13f  

 互補色的的搭配特色是兩種顏色讓彼此都更鮮明

也就是相得益彰的意思

如果我跟你說下圖左右兩邊的橘色小方格一樣顏色你肯定不信

你一定會覺得左邊的橘色小方格比較亮

albers_interactionofcolour

這就是互補色兩個彼此互相強化的意思

因為左邊的橘色小方格跟淺藍接近互補

而右邊的淺橘跟深橘是同色系  

事實上左右兩邊的咖啡色小方格是一樣的顏色  

這就是互補色互相強化的效果

 

 

但也因為互補會讓兩種顏色都互相太鮮明

因此看起來會像是把彩色筆穿在身上

好處是看起來活潑動感拉~~~~

 

壞處就是太高調對視覺太刺激 

 

而談到到互補

小弟在這裡另外推荐一個色相環

叫做ives色相環

ives-colour-wheel-web-sm  

這個色相環跟之前的色相環略有不同

他主要是用在紡織染色工業

他是用桃紅,  土耳其藍 跟黃色作為三原色

因此會給你一個稍微不同的互補色

可以當作參考

小弟發現這個色相環用互補特別有效果

當然你要用原本最上面的色相環也是可以的

可以當作互相參考 (這一段給找不到配色靈感的人看的,初學者不用理這一段)

 

 

互補是很強烈的配色法

所以這時候

我們會用幾種方法減低強烈的視覺效果

並盡量達到和諧跟平衡還兼顧互補的優點

 

要怎麼做到????

首先

最簡單的,   互補色面積一大一小

小的通常是配件

orange-knitted-tie-navy-blazer-paisley-pocket-square-wide-spread-collar-dslr  

 

 

互補色顏色一個用深調

下圖左邊黃色變為深黃,     右邊綠色變為深綠

可以達到和諧

complimentery  

黃色配上深紫色

dc89384ddf9958419f10873e21e97842

00050m  

 

 

 

或是暗色為主色,       亮色為配件

  streetsnaps-pitti-uomo-87-part-2-1  

簡單的說

就是當你用互補色

常見的手法就是一個為配件

配件會是小的,  亮的那一個

甚至兩個都是深色調也可以

 

下圖就是藍橘配色的互補範例

 Untitled-1 

圖左讓兩個顏色一大一小

右邊的則是調整藍色的深度跟強度

這就是常見的互補配色手法

看起來會更和諧  

 

 

還有一個方法是用第三原色去互補

第三原色的互補往往會比第一第二色的互補來的平衡跟不強烈

下圖 藍綠色 配 紅橙色,  皆為第三原色

fashion-color-theory-263x255

是不是看起來溫和多了????

 

 

而下圖    也是第三原色為主的對比

prabal-gurung-spring-2011-rtw-podium-001_runway

但是 

上圖這種配色方法

藍與黃對比

但是黃與橘又近似

這種對比中又有近似的概念

衍生出了一種配色計畫

也就是互補色配色計畫的兄弟

split-comp  

分離互補

也就是在配色中同時存在互補與近似的概念

這也可以大大降低單純互補配色的難易度

下圖就是上圖左邊第一張的配色

非常和諧

藍色原本跟橘色互補

但是他用橘色的近似色紅跟黃來跟藍"對比"

mustard-h-m-dress_400

 

 

 

 

下圖橙與綠近似   

紫與黃互補

而黃在橘與綠中間 ,  是近似色

triadic

所以其實把握住這個原則很簡單

有近似有對比

就可以更簡單的到和諧平衡的配色

下圖左邊襯衫跟領帶近似

而紅與藍剛好對比(非互補)

SplitComplementaryColours

 

 

 

 

下圖藍色跟紫色近似

黃色又跟藍色對比(非互補)

TriadColors_large

 

 

 

好   注意到我上一段用了對比這兩個字而不是用互補

這兩個東西差異到底在哪裡?????    

其實就是   

互補是色相環上相隔180度的顏色

但是對比則比較寬鬆

對比通常是指120-150度之間的顏色

1428184801-1965914956  

 

 

所以如果以藍色為基準

他的互補是橘色,   也只有橘色

但是他的對比可以是黃, 紅 ,   黃橘,     紅橘四種顏色

   

所以所以

分離互補,   其實應該是有近似有對比,    他沒有真的"互補"

如果要看更多分離互補配色計畫

可以參考我之前的esther quek文

 

 

 在各位有了色相環的角度概念以後

那接下來又引伸出了一個常見的配色法

triad配色

triadic  

也就是三種顏色在色相環互隔120度

這種配色法最知名的就是下面這張圖

剛好是上圖的最右邊那張的配色

4942035bc85a1c018269ac9f7d17687e  

這張圖的配色其實非常大膽

triad配色通常會避免出現的份量一樣

也避免用第一原色去做triad配色

但是他把襯衫的顏色適度調淺

這就是一個方法

或者是藍色調深

3d99b77b553cb65b730c6811c71522b2  

 

下面這些都是triad配色

f47caddbec61dc7eeca4771ffe17eb34  

我們可以注意到

三種顏色出現的份量盡量不要一樣

而最簡單的會是第二跟第三原色互組的搭配

也就是上圖靠右邊的那三套

通常來說

第二跟第三原色所組成的triad配色比較討喜

 

 

但如下圖第二原色紫綠橙組成的配色

把其中一種到兩種顏色調暗會是更好的方法

你如果直接複製下圖就會是大膽的配色

artistic-young-man  

 

 

把顏色同樣為紫綠橙調暗如下

紫色調到暗變成藍色

我們可以看到不需要死板的遵守一定要剛好120度的配色

1345353555529  

這其實也是分離互補

只要把色相環的角度調大,    就變成了triad配色

 

 

 

所以

像triad或互補配色計畫

因為本來就相對大膽

所以共同常見手法就是把一種到兩種顏色調暗

Triad-color-combination  

 

而第一原色(藍紅黃)的TRIAD盡量避免

因為太顯眼跟強烈

甚至有一本書說用第一原色去配TRIAD往往是悲劇

超人才會需要這樣的配色

images (5)  

不過最成功的例子往往也會是最大膽的例子

NTiT9BJ  

但一般來說

如果要用第一原色

還是建議三者出現的份量不要一樣

如下圖

images (4)

 73ff1377a3d4abde1c8224cc1f8f1f6f  

 

 triad配色是相對大膽的配色

不過咧

有一種配色衍伸自triad

可是卻是相對安全而且簡單的配色

那就是所謂的三分之二法則

三分之二法則指的是

triad配色任選兩種的配色

比如

藍黃紅組成triad配色對嗎????

但是我任選兩種就好

比如藍紅

High-Grade-font-b-Men-b-font-Blazer-Slim-Fit-font-b-Royal-b-font-font  

藍黃

58dbcd4f383544c57a8646aa7c05bfc2  

 

紅黃

2006AV6245_jpg_l-1  

 

因此    在三分之二法則下

變成是單純的對比色(色相環相隔120度)

這就是三分之二法則

再舉例

紫綠橙三個顏色相隔120度     

下載

 

 

我任選兩種 

紫橙

vlypbj-l-c335x335-purple-jacket-sexy-whatmyboyfriendwore-blazer-prom-chinos-pants-fancy-dapper-tie-cotton-suit-tuxedo-cotton-dress-gentleman-mens-guys-socks-prom+menswear

紫綠小面積當配件

a6943a1191540d590db612027f537a2c

紅紫配上綠大面積當搭配顏色主力

6f021421cf9847af75ac58e3d60639dd    

 

 

三分之二法則很適合用在不想顏色太多

卻又膩了總是要相近色或同色系配法的男性

他的好處是

當你的西裝是黑灰白等中性色的時候

三分之二法則可以用在如上圖的袋巾跟領帶之間

往往結果都很好

避免了配件同色系的無趣

也可以避免互補的過於強烈

剛剛好這樣

 

 

 

 

 三分之二法則是很適合用在衣服上的配色

不信我們來看女裝之前常見的配色

下圖的配色我相信各位都有在街上看過女性穿著

女性在去年韓貨店非常多寶藍色

而配上黃色或台灣女性常配的芥末黃

往往會達到亮眼卻不刺眼的效果

e21b7178a98ccb3f165bd394b2a8fc38

 

  15370912709726125244  

 

 

 

 

 

當然這種例子太多了

我再舉一個被選為有史以來前一百大dress的泰勒史威夫特的經典造型

 

gettyimages-464099286  

藍綠色配紫紅色(桃紅色)

一樣是色相環相隔120-150度的對比

也是三分之二法則的應用

你對這套有什麼看法

是不是跟那些票選史上最佳dress的人一樣

覺得這套大膽規大膽    但是又非常協調????

如果你也這樣覺得的話 ,  你就更會知道三分之二法則好用的地方了

 

 

另外我特別提出桃紅色這個顏色

如果你看我這篇文章的最上面的一般色相環你會感到困惑

因為你找不到桃紅色的位置

那麼你可以看我在互補那段提出的ives色相環

因為這色相環常用在紡織產業

也因此很多衣服的顏色可以直接對比這個色相環

這也是我會特別另外介紹這個比較少人知道的色相環的原因

像桃紅色在一般的色相環你就比較難找

但是在ives就很清楚

你也可以馬上就看到桃紅跟土耳其藍的對比

Ives-color-wheel  

總之這兩種色相環都可以參考就對了

 

 

 

 

 

 

 

而還有一種又相近又對比但是顏色更多種的配色計畫

就叫做tetrad配色

或是矩形配色

也就是兩組近似色互相互補

1428184386-2167014923  

tetrad  

這種配色就是兩組相近色互相對比

角度不一定要像上圖

也可以更近一點

18

如上圖相近色之間只隔30度  

 

而最誇張的版本

則是互隔九十度

4569e7b339c0eb74f68ff1aee24830f0  

 

 

所以重點是抓到這個精神

而不是一定要在幾度之間

 

 

 

這種配色用在衣服上難度相對很高

只好再次請出世稱人間配色器(我自己取的)的esther quek

如下圖

外套與包包相近

對比

褲子與領帶相近

esther-quek-street-style-pink-blazer-green-pants-h724-426x640

 

在這套我再強調一次桃紅色

你有沒有發現桃紅剛好就是跟深綠互補????????????????

而這套的互補甚至跟我貼的ives色相環 ,     連顏色深淺都幾乎一樣有沒有發現?????

同一張圖我再貼一次     好讓各位直接比較

Ives-color-wheel  

esther quek的配色基本上就是照著色相環的幾個規矩在走的

很多人說她配色大膽,   但是我說她配色規矩

 

 

 

 

外套與鞋子相近

對比

袋巾與褲子相近

DSC_8590-670x999    

esther quek:  tetrad????????    很簡單阿

 

 

沒錯

tetrad被他搞的很簡單

反正當你上衣跟褲子用互補配色的時候

其他的小配件也都任選一個來近似就好

自然完成tetrad配色

 

當然,   初學者盡量還是避免啦

 

接下來要提出一個很棒的總結

因為我們不是玩色專家

我們不可能隨時帶著色彩逛街

這張圖我刻意用大一點

好讓各位以後可以參考

下圖的左邊是一整個裝扮的基本色

在這個部落格

那就是你西裝的顏色

右邊就會是你的裝扮的第二個重要的配色

在假設襯衫都是白色的情況下(suit walk幾乎襯衫青一色白色)

那非成套西裝就是你的褲子

成套西裝就是你的配件之類的

 

colors

我們來看上圖

以黑色為例

當你穿黑色西裝的時候

可以搭白褲 ,  卡其褲  ,  以及其他非粉色系的顏色

 

而還有幾個原則讓你可以有一個粉嫩的夏天

夏天我們很常選用不飽和色的裝扮

甚至包刮西裝外套

 

當你用不飽和色的時候

配上同樣是不飽和色往往是好選擇

下載  

aa436fd7aa2eb9f2890dc0c3723fddd1  

下圖外套本身的拼接就是淡色配淡色

6a010535d07789970c01676851791e970b-800wi  

 

或是配上白色,  卡其色,  米白色,  淺灰色等中性色

6762ef8e76d1c8a4be015267f5e01a39  

gray-suit-pastel-shirt-for-engagement-party

 

有沒有發現在黑灰藍這三個常見商務西裝顏色裡

淺灰色西裝最常配粉色系襯衫????(很淺的藍色西裝應該比較不算在商務範疇)

images (1)

這也是不飽和色的搭配原則

 

 

而不飽和色也常搭配亮色

成功與否就看你的創意了

e95b99c6b42335122838932d677642d2  

images  

  

 

  

 

 

這篇文章終於完成了

我相信沒幾個人看到最後

因為這篇其實很煩

如果對色相環的相關位置不熟

你可能要不斷的往上拉比對才能理解

 

 

但是其實真的不難

只是很煩

因為要對色相環熟悉

否則當我講紫黃是互補你一點概念也沒有

你還要往上拉看色相環才發現紫黃真的是互補

會很難閱讀下去

 

所以如果你是第一次接觸色相環理論

那這篇文章肯定不會是你第一次看就看的下去的

但是可以在之後煩惱要如何配色的時候

再閱讀一次

多看個幾次

對色相環相關位置熟了以後

這篇文章就不會那麼煩了

 

 

 

 

 

 

 

   

創作者介紹

wayne的西米魯

wayne 發表在 痞客邦 PIXNET 留言(24) 人氣()


留言列表 (24)

發表留言
  • Chace
  • 同色系全身卡其的那張太帥了!
    一直覺得同色系很難掌握,如果同材質但顏色相差一點就很像褪色,如果同顏色但又要求不同材質那還真是可遇不可求,一直以來也在努力掌握中,畢竟有時候造型性已經夠高調了,希望能用同色系來降低高調感
  • 還沒寫完啦
    感謝你的想法提供
    同色系可以說是很難也很簡單呢

    wayne 於 2015/04/05 07:24 回覆

  • Chace
  • 我昨天還想說文章怎麼突然不見了xdd
  • 因為我發現草稿這個功能
    所以想說寫完在po上來xd

    wayne 於 2015/04/05 22:06 回覆

  • 樂活板橋
  • 謝謝版主費心了!對我來說可能看十遍都無法搞清楚,努力學習中.
  • 我有稍微多補充前面的色相環的概念
    我想這樣講應該更好懂
    我發現我前面的色相環部分打太少了
    很感謝你
    這篇真的很煩
    我當初研究這些理論的時候我自己頭腦也是有點混亂xddddddd

    wayne 於 2015/04/07 20:26 回覆

  • 樂活板橋
  • 謝謝版主由淺入深系統介紹,再加上圖像對照.很讚!
    兩儀生四象,四象生八卦............很難的呵
    可否指點要避免的配色法?
  • 喔好ㄚ
    我正有此意
    tsfm說我這篇文其實可以分上下
    上重理論 下重實務這樣
    不過應該也不會太快xddd
    我寫文章都是看心情的xddd
    謝謝您

    wayne 於 2015/04/08 22:30 回覆

  • 訪客
  • 這篇寫的好棒,感謝版主讓我獲益良多。
  • 謝謝你
    這篇辛苦的是找圖
    真的找超久xddd

    wayne 於 2015/04/10 19:35 回覆

  • Islay
  • wayna兄您這篇大概是中文網站寫配色說明最詳細的一篇,詳細到小弟要分多次服用才能看完(但是還沒消化),真的寫得很好,簡直是教科書等級!!
  • 很謝謝你的肯定
    這篇要多讀幾次是正常的
    我自己當初在研究的時候也是讀了好幾次XD

    wayne 於 2015/04/13 20:05 回覆

  • 洪國泰
  • 第一次接觸配色相關的概念,感謝Wayna詳盡的解說,一次把文章嗑完後,發現真的是受益良多~~接下來穿衣買衣...等都得好好的參照一下~,再次感謝~~
  • 謝謝您 建議多看幾遍 第一遍會比較難懂

    wayne 於 2015/04/14 01:43 回覆

  • james772001tw
  • 謝謝版主用心把這麼多細節都整理出來
    讓我看完之後覺得配色的選擇突然變好多
    可以更有信心去玩配色了
    謝謝你
  • 不會

    wayne 於 2015/10/01 09:52 回覆

  • wingbear
  • 不知不覺就看到最後了,寫得很好,由淺入深引人入勝,
    看完之後對配色有了一個比較系統的認識了!感謝哦~
  • 很謝謝您

    wayne 於 2016/01/13 05:12 回覆

  • HBK
  • 但其實真的是左邊的小橘格比較亮吧?XD
  • 這我倒是沒在電腦上仔細比對
    不過有可能
    這種狀況可能是餵了強調他的目的
    我之前也買過教科書為了強調直條紋的效果而真的把把直條紋畫的比較長xdddd
    我還特地拿呎量xddd
    不過意思到了就好 哈哈
    總之要強調的是對比互相突顯的效果這樣就好了xdd
    還感謝您的提醒

    wayne 於 2016/01/25 15:46 回覆

  • George Li
  • 謝謝版主的熱心還有專業跟耐心的解說。一篇文章後面可是札實的苦功跟實務。影響會是長長久久的。
  • 謝謝您

    wayne 於 2016/02/29 17:43 回覆

  • TakingCat
  • 太感動了,這篇文章真是助益良多!!!
    在畫圖的服裝配色上遇到嚴重瓶頸於是找到這裡;
    由淺入深的講解,讓我這個對色彩沒概念的人也能很順利閱讀下去>u<
    真的非常謝謝版主的教學!
  • 謝謝你的誇獎
    這篇文章還真的增加了我不少客群xdd

    wayne 於 2016/03/01 23:38 回覆

  • 米
  • 很長但是非常實用
    原來配色的概念沒想像中難
    謝謝教學
  • 指教不敢
    謝謝你的肯定

    wayne 於 2016/04/14 20:31 回覆

  • PLO
  • 無意間看到這篇文章.... 有點長,但一點都不煩, 其實還相當有趣呢. 謝謝分享,長知識了啊...
  • EMMA
  • 感謝版主!讓我穫益良多!其實我們學校美術正在教這門課程,我很有耐心的讀完你的文章喔!卻還是搞得我暈頭轉向,不懂的,如:互補,對比色,這兩個如果沒有了解它們的含意的話還真的傻傻分不清,不時的又重讀了好多次,因為我的夢想是想從事服裝設計,因此我要認真學好這門課 :-)
  • 訪客
  • 我是第一次接觸色相環理論,但因為版主舉的例子非常的多、講解的更是深入淺出,讓我這隻菜鳥受益良多~
  • 小薛
  • 這篇文章寫的真的很棒, 每次看大腦就會激發出不同的搭配組合!
  • Tim
  • Very useful and helpful, great guide, two thumps up
  • 阿杰
  • 非常實用,謝謝!
  • 訪客
  • Very useful.thank you :)
  • 訪客
  • 太棒的文章了 感謝你的整理與豐富的說明
  • 訪客
  • 謝謝您,講解得很詳細,解了很多配色上疑惑
  • 訪客
  • 感謝你詳細的解說
  • 訪客天地過客
  • 你的分享很專業,謝謝!
找更多相關文章與討論