LV. 20
GP 1k

【心得】服裝配色原理分享

樓主 Evaty any31332
GP449 BP-
請先點選右上開啟圖片


之前在教水彩的書上看到了一些色彩學的東西
我想也可以應用到瑪奇的服裝染色上
所以加上自己的經驗打在這裡分享給大家=W=+

因為是比較專業的知識...
有些術語最好先瞭解比較看得懂
已經瞭解的就跳過吧~

*******************************名詞解釋*********************************

1.原色

WIKI上有詳盡的解釋,趕時間的話不看也沒關係
什麼是原色?

原色的定義是指不能透過其他顏色的混合調配而得出的「基本色」。
這篇提到的原色是指"光的三原色":紅、綠、藍(RGB)


2.對比色(=補色)
一個顏色的對比色,即位在色相環對面的顏色
例如藍色的對比色就是黃色


畫面正中央三角形是光的三原色,選擇一個原色,它對面的兩個原色相加即為他的對比色。ex.紅色  的對比色是藍色    就是藍綠色  


3.色相、彩度、明度

色相
光的頻率,舉例來說就是紅色、黃色、藍色等,色相環就是把顏色排成一圈,見上面的色相環圖片。
                                

彩度
鮮豔的程度,原色的彩度都是100%,因此原色相加也是100%。
彩度0%的顏色只有白、灰、黑,將原色加入白灰黑才能夠降低彩度。
ex:
彩度100%         
彩度0%             

明度
明亮的程度,100%時是白色,0%時是黑色

要注意的觀念:
明度高和明度低的顏色都無法達到100%高彩度...所以只有明度50%的顏色才能成為擁有和原色相同的超級鮮豔度,舉例來說:粉紅色再鮮豔也不會比紅色鮮艷,鮮豔的咖啡色也不會比鮮紅色刺眼,也就是說,紅色+白色或是黑色 都會改變他的明度同時降低他的彩度


把色相環和明度彩度綜合在一起,就會得到一個色彩空間,理論上所有可見光都會在色彩空間中。H=色相,S=彩度,V=明度


更詳盡的色彩學請見樓下"明日天晴"的文章~

*******************************配色要訣*********************************

1.不要使用太鮮豔的顏色
2.使顏色既協調又對比



1.不要使用太鮮豔的顏色

因為現實世界中鮮豔度100%的原色其實非常少見,ex         
大部分都會偏向其他的顏色一點...就像純紅色的蘋果不存在是一樣的道理
所以會降低一點鮮豔度比較自然。


可以感覺一下哪邊比較自然


2.使顏色既協調又對比

要使顏色協調,要先解釋色偏的概念
紅色這個原色做例子


紅色的偏色就在他的兩邊,往左偏可以得到品紅,往右偏可以得到橘色

品紅就是紅色+藍色橘色就是紅色+黃色

現在再加入另一個原色:綠色

找到他的偏色,一個黃綠色,一個是藍綠色


現在把兩個原色的偏色拆開來比較

兩個顏色相近的偏色放在一起的效果就是協調
較遠的兩個偏色放在一起就是對比
因此有人可能會想:色相環上越接近就越協調,越遠就越不協調。

但實際上這說不盡然正確。

舉例來說,對比色的品紅藍綠色,即使放在一起(見下圖),也不會像紅色綠色那樣不協調是為什麼?

↑動畫電影"無敵破壞王"的女主角

因為品紅藍綠色雖然在色相環上各據一端,但他們都是原色往藍色的方向色偏。
也就是都包含藍色的成分,不像紅色綠色是兩個完全獨立的顏色,彼此沒有任何一點共通性。

因此我們應該改成說:如果兩個顏色包含的共同顏色成分越高,彼此就越協調。即便是對比色,也會比原色來的協調。

現在用色偏的概念來分析梅瑞艾的衣服:
把頭髮的草綠,衣服的橘色和土黃放到色相盤上,可以看到他們的位置非常相近,所以這幾個顏色看起來較協調
他的粉紅色的眼睛位在色相環上較遠的位置,就和其他顏色就會形成對比,製造出焦點的效果。



至於黑色白色
他們彩度過低而沒有色相,因此不會與任何顏色相衝
也就是他們永遠都會和其他顏色在色相協調

但卻會產生明度上的對比

可以看出梅瑞艾的白色衣領和外套黑色絨毛位在明度表上較遠的位置,因此有對比的效果
而頭髮和衣服的顏色相近,於是有協調的效果

最後把梅瑞艾身上的顏色丟到不太準確但比較好懂的色域圖上

眼睛、頭髮和外套的顏色都集中在中間的高度,這是彩度協調
外套的黑絨毛和白襯衫則在上下的位置,他們彼此的彩度都很低,因此彼此之間是彩度協調
但和中間那些鮮豔的顏色比較,就是彩度對比

整理起來如下:

衣服顏色VS頭髮
色相協調,彩度協調,亮度協調

衣服顏色VS外套的黑絨毛和白襯衫
色相協調,彩度對比,亮度對比

眼睛顏色VS衣服顏色
色相對比,彩度協調,明度協調

外套的黑絨毛VS白襯衫
色相協調,彩度協調,明度對比

因此我們可以知道,協調與對比必須共同存在,才能製造出焦點與重量又不失協調的美感。

當你發現身上衣服某一塊的顏色怎麼看怎麼詭異時,很有可能就是對比太強烈。如果你覺得服裝看起來好平淡沒有特色,那可能是過度使用了協調,就可以考慮加上對比。

P.S 一般來說,要製造重量,畫面中就一要有明度低的東西,但要是所有東西明度都很低,就會黑成一團失去焦點,因此有亮有暗是最佳的狀況。這時後黑色白色就會非常好用,因為他們色相協調,卻有亮度的對比。


*******************************整理與應用*********************************


1.單一色系
只使用一個顏色或色系做主角,最中規中矩的安全配色
色相協調、明度對比

2.鄰近色系
使用兩種相近色系當主角
色相協調、明度對比

3.對比色
使用兩種對比的色系當主角
色相對比、明度協調

1.單一色系

方法1:使用黑或白色做主角,加上一個顏色點綴

最簡單的配法,只要你的頭髮夠鮮豔,衣服直接染黑白灰都可以搭,缺點是看久感覺很單調...
見下圖:


(請無視大提琴)

更極端一點,你甚至可以只有眼睛有顏色,剩下用黑白灰,一樣能搭,只是不太有趣。
對於染什麼顏色都很怪的衣服適用。

(左邊)


方法2:使用一個顏色做主角,配上黑或白

應該是最常見的配法,這種搭法的重點在節奏感,把主要顏色用黑或白色截開。
舉例來說,如果是藍白裝
那從頭到尾看起來就要是藍白藍白藍白...
不要是藍藍藍白白白,見下圖


藍色+白色
如果是藍白配,那藍色就不宜選深藍,相反的,如果是藍黑配,藍色就不適合用淡藍。
這是因為白藍之間彩度對比太強,因此把明度拉近取得協調。
另外金色的肩章雖然是藍色的對比色,但面積非常小,因此反而有點綴效果,這後面會詳細說明

單一顏色配黑白的配法,對於資金不夠的玩家很適合,只要把鞋子染黑或白就可以百搭所有衣服。一般來說,上半身要淺,下半身要深,比較不會頭重腳輕,但這不是絕對的。
舉例:




方法3:使用一種色系從頭配到尾,不使用原色

整體性高,但較缺乏焦點。

葛尼提斯衣服上的三種藍+髮色都在色相上有些微不同,讓藍色層次更加豐富,變得比較耐看。
藍紫色的眼睛離其他顏色都較遠,形成色相的對比,成為焦點。


方法4:一種色系從頭配到尾,輔以黑or白(寒或暖)
上面的延伸,就是再加上黑或白而以。
主要是利用相同色系的顏色做出細部變化,用黑或白色來襯托與凸顯主要顏色


中性藍綠色+微米白


從頭到尾都是咖啡色,只是濃咖啡和淡咖啡的差別,髮色當然也可以咖啡色,只是那樣會失去焦點,因此選用暖白(米白),讓深色的眼睛突顯出來。


酒紅+深紅(傘)+粉紅+粉白+黑
酒紅控的我當然一定要有一套紅到死的套裝...這裡之所以不使用純白色而用粉白色,是因為衣服整體偏暗,染成純白色(#ffffff)會太突出,搶走人物的焦點。



2.鄰近色系

使用色相環上接近的色系,可再加上黑白色襯托
ex


米黃與朱紅色(偏黃的紅),故意做出少數民族的感覺。毛的部分選用棕黑色,看起來更像獸毛。


很早期的衣服,沒什麼錢沒辦法染很準(染得太灰了),也是黃色系和紅色系搭配,但紅色選偏藍的品紅,比較女性化。



紅色偏藍的桃紅+藍色偏紅的深紫,彩度不要太高避免其中一個顏色過於突兀
請注意色域圖上幾個使用到的顏色都集中在一個半邊,用色越集中整體性就越高,但相對比較不有趣,看久會乏味。
金髮與紫色是較為對比的顏色,配法接下來會說到。關於腰帶之所以選淡褐色,是為了不要讓他過於突顯,所以用膚色加深一點的淡褐色做點綴

3.對比色

用不好容易吵架的顏色,接下來就介紹如何讓對比色也能協調共存。

方法1.讓顏色面積差距很大,變成點綴效果

藍綠色的耳環VS褐色皮膚和紅黃色的飾品


方法2.讓兩個顏色的彩度降低。(彩度協調)
因為色相上已經對比了,所以把彩度和明度改成協調,通常可以解決問題
這張是朋友配的,請注意藍色與咖啡色在色相環上幾乎是各據一邊,但他使用的彩度都是中等以下,同時還有面積差距,因此放在一起會讓人有咖啡色點綴在藍灰色上的低調華麗感,增加了趣味卻不會吵架。

方法3.使用偏色
這是路人...如果本人覺得不妥請告訴我QAQ

就是避免使用原色,他使用的綠色偏藍,粉紅色也是偏藍,兩個顏色在色相上就有了關聯性,中低彩度,明度做出適當的差距,讓人物有重量,搭在一起很協調,尤其綠色上的粉橘也是避開原色的做法。

方法4:提高亮度(亮度協調)

淡紫羅蘭色(藍紫色)和淡金色,粉色系少女配色(睡衣)
提高亮度彩度就會降低,面積差距大。衣領的橘色和手環的粉紅,面積很小所以用色上比較自由,但一定要選擇粉色(高明度低彩度),為了在彩度上協調(因為色相已經對比了)。


*******************************完*********************************

以上的規則都並非絕對,是讓大家來檢視自己的配色用的,其它還有更多的影響因素,像是衣服剪裁、色盤分配、性別、職業、...,但最重要的還是個人喜好。當你選定一個喜愛的色系後,就可以用上面的方法推敲出適合搭配的顏色,不要太拘泥於規則比較容易展現出個人風格。

還有問題的話請再提問^^

樓下"聖慈"大大提供一個可以自由設計配色的網站,可以參考看看~

(對不起我好像講得太深奧了OIZ...實際上只是希望增加大家對色彩的認識而以...)        
                           
449
-
LV. 32
GP 1k
2 樓 此風老師 sugikun00
GP15 BP-
非常詳細的解說...
基本上如果怎麼配都配不出順眼的顏色的話
可以用簡單的方式處理

ex. 紅色+藍色   這樣會很跳而且眼睛很痛
可以加上一點綠色或者黃色

變成 紅褐色+藍色   橘色+藍綠色   

但是有些人會覺得這樣髒髒的不好看

就可以加入白色

變成  粉紅色+粉藍色  粉色系在普通色盤裡面有很大比例 各種深度都很容易找到

或者是黑色

變成 暗紅色+深藍色  
但是加入黑色的深色系在色盤理不容易找到 幾乎都是加入其他色的深色
如果想要找乾淨的顏色就要找加入相近顏色的深色

ex. 藍色+墨綠色= 深湖水藍(綠)   藍色+深紫色= 深藍紫  
這樣處理會稍微乾淨一點

另一色的配色也會影響看起來乾淨還是髒   最好不要到對比色這種程度(除了黑白)
對比色範例:

黃色+紫色     橘色+藍色     紅色+綠色    等

以彩虹做範例的話  
紅橙黃綠藍靛紫(接紅)
暖---------冷    但是紫色是中間色(紅+藍) 相近的2色可以互搭  太遠的不適合

如果非得要這樣配的話 還可以用明度做控制  比如說:

米黃色+紫色/藍色   粉橘色+深藍色   粉紅色+墨綠色
但是淺色不宜太淺 大概一半左右就可以了...中間可以加上2者相加的第三色或者黑白無彩色  效果應該更好

另外如果要突顯某個顏色 底色可以不要用白色 而改用較淺的同一色
比如說....藍色物件+淺藍色(很淺的) 會比較柔和統一一點...
但是碼奇只能染三個區域所以可能不是這麼容易處理

我個人在配色的時候不會讓身上除了頭髮+皮膚+眼睛的部分超過3色
除了比較不容易變的很混雜以外 也比較有統一感
不過基本上大家都有一套自己喜歡的配色啦...這裡也只是稍做說明而已...
希望多少有一點幫助

15
-
LV. 30
GP 1k
3 樓 百合物語 p22015512
GP30 BP-
※ 引述《any31332 (Evaty)》之銘言
> *********配色要訣***********
> 1.能用偏色,就不用原色
→相似色配法
> 2.協調與對比
→冷色暖色配法、黑or白+任意非黑白的顏色配法
> "彩度最高的顏色只能有一個,主要色調不超過2個"
→盡量別選用對比色配法,使用任何配色時注意最多只選用1個原色(紅綠藍)或1個高彩度顏色

看似複雜的原則與方法,其實是很簡單的...
目前所有的配色法可歸類如下:
1.黑+白
最單調的配法,原則是黑與白面積最好相近,否則太黑或太白就不好看了
 
2.黑or白+任意非黑白的顏色
最簡單又好看的配法,原則是黑色或白色面積約50%即可,另一個配色不要太亮或太暗
例如:█
3.相似色
簡單說就是偏綠色系、偏紫色系、偏紅色系...等等
這也是顏色控最愛的組合
例如:
4.對比色
即是色環中相互面對面的顏色,這種配法會比較不協調,會被認為是雜色
例如
 
當然也有三色對比的配法,即是色環中用正三角形分割出來的三色
例如:
 
5.冷色或暖色(跳色配色法)
由桃紅色與綠色做分隔,偏藍色紫色為冷色、偏紅色橘色為暖色
例如:
不過冷色或暖色只是跳色(間隔色)配色法的一種樣式,只要是兩個顏色在色環中的角度約60度~120度皆可,即是非鄰近色,但又非對比色的配法
例如:
 
這算是高手的配色法,因為顏色不易拿捏,一不小心就會變成雜色
30
-
LV. 33
GP 1k
4 樓 聖慈 stchicory
GP62 BP-
※ 引述《litewei (萊特亞)》之銘言 
> 從頭到尾我只看得懂 不要使用50% 50% 的強烈對比效果....
> 剩下的....恩...這個只有專業的繪師們才有辦法理解的深度吧.....
> 給個色彩表算了.....XDDD
樓主的原意想版友加深顏色的認知,要提供色表好像有點違背樓主的意思,不過這邊做個小提供,希望樓主不要介意


Color Scheme Designer - http://colorschemedesigner.com/

如果是編寫網頁設計,應該不太陌生,做個介紹好了

這個其實是專業的線上調色工具,懂得寫網頁不一定懂得美術,雖然老闆總是想要一個萬能的網頁設計師,這個工具就是救星了!直接說,因為不懂得配色,就借用這個工具做出各種配色方案,好吧,我承認是因為我懶。

而這工具系統原理,其實就是開版和7樓所提及的東西,他們提供的是活用的方法,以下是省下你去找顏色的方法





首先你選一個喜歡的顏色,並且得知它的16色碼,啊啊,不知道是甚麼?就是你從紕娃娃看到選色旁邊的那6個編碼…還是搞不清楚?直接點這個RGB配色表來看吧

然後我們打開Color Scheme Designer,









左上方有6個配色方案的選擇:

  1. Monochromatic(單色配色)<<點選ok後會直接顯示這個
  2. Complementary(互補色配色)
  3. Triad(三分色配色)
  4. Tetrad(四分色配色)
  5. Analogic(類似色配色)
  6. Accented Analogic(互補類似色配色)

但我這邊介紹用的只有藍字顯示的方案,單色、互補色、類似色


「單色配色」


由於是同系列的顏色,所以隨意搭配也不錯看,




只是要注意,粉色或顏色太淡,沒辦法調出較明顯的飽和及亮度對比,形成顏色相似的情況,出現這情況建議換用「類似色」功能




「類似色配色」














「互補色配色」-也就是我們常說的對比色








以上只是參考

再次說明:
這個只是省去找顏色的方法,別忘記這只是工具,始終是電腦化的系統,要活用還是要靠人的腦袋和觸覺。

另外就是,紙娃娃是最漂亮的,遊戲中染不到此工具所產生的顏色,本人絕不負責(汗)
62
-
LV. 20
GP 222
5 樓 明日天晴 pythlan07
GP30 BP-
樓主真是細心www
彷彿回到了高一時期整天看那本無聊的色彩學課本(死)
 
不過也許是因為西畫類畫多了,畫畫時本身就不會使用純原色來畫,自然我在搭配服裝時也不會使用純原色了。
比較偏上前幾樓所提的相似色,有深淺變化感覺會好看的多:)
基本上,我個人偏向腳部的色系會染的較深或是較暗,不然會有種頭重腳輕的感覺。
 
電腦上的色彩感覺上比一般調水彩或是油畫好調多了。
基本上使用西畫類的媒材還是很難將色料三原色混出純黑呢QwQ
 
基本上我自己雖然學過色彩學,但學期一結束我大部分都還老師了(喂)
想當初為了丙撿背了好久,最後還是都忘得差不多。
順帶一提對比色的分法,不知道大家對這方面的認知是如何。
 
因為課不知道被我塞去哪裡了,我也懶得翻出來,直接網路上找圖了。
 
 
以下這是伊登色相環。

 
中間三角形的部分自然是色料三原色了。
而這三原色的對比色其實非常好找,EX:其中一個原色「黃色」的對比色是「另外兩個原色」調和後的顏色,也就是藍色+紅色,會是紫色,因此紫色是黃色的對比色。
(我自己其實學完就忘了,後來常畫畫才背起來的XD)
主要就是找那個顏色對面的顏色就對了!
 
這樣大家染色比較不會染到對比色了,這樣顏色可是會打架的。
就像應該不會有人穿紅色又穿綠色出門,活像顆聖誕樹似的XD
 
另外補充一下這些色彩的色相名稱吧。

 
 
個人認為搭配在身上的衣服色系至多以兩種為就好,一種為主一種為輔。
隨著輔助色調的比例多寡來調整明暗度。
 
大概就是如此:)
其實蠻好懂,只是都沒有認真學的我常常唸完馬上就忘光了(汗)
 
有錯請指教QwQ
真的是把色彩學都還給老師了(跪)
 
 

 
 
補充一下幾個圖:
 
首先是寒暖色系的色相環。

 
 
補充一下,板友所貼的對比色相環與我所貼的色相環對比色不同是因為他所貼的為色光的色相環。
而我所貼的是色料的色相環。
 
這兩個不同的點在於,色光三原色為綠色、藍色、紅色;
而色料三原色則是黃色、藍色、紅色。
 
色光三原色是屬於加色混色法,意味這三種色光混合是,明度會增加,為白色。
色料三原色是屬於減色混色法,相反的意思則是一般觀念中,顏色會越混明度越低,最後三個顏色的混色是屬於黑色(或黑灰色)。
一般來講色光的混色在日常生活中較少用到,常見的是電視顯色才會用到色光混色,平常日常生活使用的配色多是屬於色料的混色。
因此兩者色相環中的補色不同也是因為這個原因。
 
 
另外再補充色立體的圖,主要用來表示色彩的色相(H)、明度(V)、彩度(C)。
關於這三種的意思樓主都有說明,我就不補充了。
 
 

 
 
再放一個色立體的解讀方式。

從這張圖大概可以看的出來那個色立體如何解讀。
也讓大家對於明度有比較深的了解。
 
在搭配同色系時也比較好找到屬於自己色相的明度高低。
 
 
這些都是屬於色彩學比較基本的知識,想說既然要用色彩學來解釋服裝搭配的話,有一些圖解會比較好懂,希望各位用得上了。
 
 
30
-
LV. 30
GP 1k
6 樓 百合物語 p22015512
GP1 BP-
關於色環,有分光線與色料兩種:
 
色料色環:
 
光線色環:
 
一般現實生活中的配色,採用的是色料色環,但是在電玩遊戲或是網頁設計中,主要採用的是光線色環,主因是我們的顯示器(螢幕)是用RGB(紅綠藍)三色所組成的。
 
假如把使用色料色環的配色做為遊戲人物或網頁的配色,你會發現人物比較沒有如使用光線色環配色般鮮豔,反之將遊戲人物的服裝穿到現實生活中的大街上(COSPLAY),你就會發覺那個人會顯得非常鮮艷。
 
因此,瑪奇是電玩,配色當然是以光線色環為主嚕,如果改用色料色環配色,雖然不會太差,只是顯得沒這麼鮮豔而已。
1
-
板務人員:

12116 筆精華,前天 更新
一個月內新增 125
歡迎加入共同維護。


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】