漫談PPT色彩by只為設(shè)計(jì)

1、漫談PPT色彩只為設(shè)計(jì)R:255 G:92 B:0RGB色盤RGBRGB是最常見的色彩模式但本ppt用的是HSL模式H:32 S:255 L:128HSL色盤HSLHSL與RGB模式可以很方便地進(jìn)行切換點(diǎn)擊如圖下拉箭頭，切換到HSL模式，在HSL下修改數(shù)值，再切換到RGB模式，值會(huì)相應(yīng)自動(dòng)修改。后文將以HSL模式為基礎(chǔ)。我們只需要H(Hue) 色調(diào)赤橙黃綠青藍(lán)紫，這是通過色調(diào)控制的S(Saturation) 飽和度某種顏色的艷麗程度，由飽和度來控制。L (Lightness) 亮度某種顏色，由淺到深，通過控制亮度來得到HSL色彩模式介紹接下來開始正文色調(diào)飽和度亮度平行垂直斜交色彩的三大關(guān)系主要

2、用于不同元素的并列關(guān)系或同一元素的漸變?cè)贖SL色彩模式下只調(diào)節(jié)色調(diào)平行色彩平行關(guān)系色彩在HSL色盤上的位置關(guān)系示例1示例2特例慎用灰色:要表達(dá)并列關(guān)系的元素時(shí)，灰色應(yīng)與多種色調(diào)搭配，且灰色不宜過多。否則很容易形成強(qiáng)調(diào)關(guān)系或整體不協(xié)調(diào)。表達(dá)的是同一/不同元素基于某種色調(diào)的層次變化關(guān)系垂直色彩1在HSL色彩模式下只調(diào)節(jié)亮度垂直關(guān)系1色彩在HSL色盤上的位置關(guān)系示例1單色漸變邊框陰影綜合H:11S:234L:119H:11S:234L:151H:11S:234L:39同一元素示例2不同元素釋疑層次變化表現(xiàn)為：強(qiáng)調(diào)元素用深色非強(qiáng)調(diào)元素用淺色或灰色層次變化表現(xiàn)為:元素的并列關(guān)系是由于色彩分布錯(cuò)落有致，其

3、中最明顯的色彩一般置于中央，淡化了色彩的層次釋疑色彩由淺到深分布，突出了變化趨勢(shì)，層次就明顯了在HSL色彩模式下只調(diào)節(jié)飽和度表達(dá)的是同一/不同元素基于某種色調(diào)的層次變化關(guān)系，與垂直色彩1意義相同垂直色彩2聯(lián)系垂直色彩2垂直色彩1聯(lián)系（HSL色彩立體模型，可不看）255H:11H0255255LSL:119S:234垂直色彩2垂直色彩1平行色彩頂部和底部的白色和黑色是重復(fù)，分別縮為1個(gè)白色和1個(gè)黑色，就得到了錐形型HSL色彩模型區(qū)別（需牢記的）H，s不變L=0時(shí)，黑色L=255時(shí)，白色想要得到一個(gè)色調(diào)由淺到深的顏色，調(diào)整亮度H，L不變S=0時(shí)，最灰S=255時(shí)，最艷麗想要得到一個(gè)色調(diào)艷麗或偏灰的

4、顏色調(diào)整飽和度示例是平行色彩與垂直色彩的結(jié)合，可實(shí)現(xiàn)更豐富的配色。斜交色彩斜交方式1：先平行，后垂直1（調(diào)亮度）HSL: 32,255,128HSL: 42,255,128HSL: 42,255,192先調(diào)節(jié)色調(diào)H:3242后調(diào)節(jié)亮度L：128192斜交方式1：先垂直1，后平行HSL: 42,255,192后調(diào)節(jié)色調(diào)H:3242先調(diào)節(jié)亮度L：128192HSL: 32,255,192HSL: 32,255,128與前頁等價(jià)斜交方式2：先平行，后垂直2（調(diào)飽和度）HSL: 32,255,128HSL: 42,255,128HSL: 42,192,128先調(diào)節(jié)色調(diào)H:3242后調(diào)節(jié)飽和度S：255

5、192斜交方式2：先垂直2，后平行HSL: 42,192,128后調(diào)節(jié)色調(diào)H:3242先調(diào)節(jié)飽和度S：255192HSL: 32,192,128HSL: 32,255,128與前頁等價(jià)斜交方式3：平行、垂直1、垂直2先調(diào)節(jié)色調(diào)H：3256后調(diào)節(jié)亮度L：12895再調(diào)節(jié)飽和度S：25583HSL: 32,255,128HSL: 56,255,128HSL: 56,83,95HSL: 56,255,95任意兩種顏色都可以通過斜交方式3得到斜交方式4 同一色調(diào) 前面講的是不同色調(diào)顏色的斜交調(diào)整方式，這里講一下同一色調(diào)的斜交。A(19,150,119)19,234,119調(diào)節(jié)飽和度S：234150B(

6、19,234,96)調(diào)節(jié)亮度L：11996C(19,150,96) 如A，仍然感覺有點(diǎn)亮；如B，感覺有點(diǎn)艷麗。這時(shí)我們就需要使用斜交色彩得到C斜交方式4 同一色調(diào)同樣的道理如D，仍然感覺有點(diǎn)亮；如E，感覺有點(diǎn)艷麗這時(shí)我們就需要使用斜交色彩得到F感覺是否不同？E(19,150,119)F(19,150,213)調(diào)節(jié)飽和度S：234150D(19,234,213)調(diào)節(jié)亮度L：11921319,234,119斜交方式4 同一色調(diào)由此我們得到了，與垂直色彩不同的顏色方案，顏色更具變化性，讓我們有了更多的色彩選擇19,234,11919,150,9619,150,21338,234,11938,150,

7、9638,150,21352,234,11952,150,9652,150,213170,0,119170,0,96170,0,213更多示例示例 垂直1色彩（調(diào)亮度）做漸變效果首先，確定基色11，233，110漸變211，233，110漸變1和線框色11，233，150陰影11，233，48根據(jù)基色，衍生出垂直色彩，分別用于漸變填充、線框色和陰影，也可以根據(jù)需求，衍生出更多垂直色彩。示例 垂直1色彩（調(diào)亮度）做漸變效果繪制形狀用之前得到的垂直色彩賦色示例 垂直1色彩（調(diào)亮度）做漸變效果元素各個(gè)部分賦色說明*射線漸變填充漸變211，233，110漸變111，233，150陰影11，233，48

8、線框色11，233，150示例 平行色彩做多種色調(diào)*這里羅列出具有代表性的色調(diào)，實(shí)際中是用不了這么多*請(qǐng)注意看HSL值漸變211，233，110漸變1和線框色11，233，150陰影11，233，48漸變224，233，110漸變1和線框色24，233，150陰影24，233，48漸變236，233，110漸變1和線框色36，233，150陰影36，233，48漸變250，233，110漸變1和線框色50，233，150陰影50，233，48示例 平行色彩做多種色調(diào)*這里羅列出具有代表性的色調(diào)，實(shí)際中是用不了這么多*請(qǐng)注意看HSL值漸變263，233，110漸變1和線框色63，233，150陰

9、影63，233，48漸變280，233，110漸變1和線框色80，233，150陰影80，233，48漸變2124，233，110漸變1和線框色124，233，150陰影124，233，48漸變2140，233，110漸變1和線框色140，233，150陰影140，233，48示例 平行色彩做多種色調(diào)*這里羅列出具有代表性的色調(diào)，實(shí)際中是用不了這么多*請(qǐng)注意看HSL值漸變2150，233，110漸變1和線框色150，233，150陰影150，233，48漸變2170，233，110漸變1和線框色170，233，150陰影170，233，48漸變2190，233，110漸變1和線框色190，23

10、3，150陰影190，233，48漸變2200，233，110漸變1和線框色200，233，150陰影200，233，48示例 平行色彩做多種色調(diào)*這里羅列出具有代表性的色調(diào)，實(shí)際中是用不了這么多*請(qǐng)注意看HSL值漸變2216，233，110漸變1和線框色216，233，150陰影216，233，48漸變2236，233，110漸變1和線框色236，233，150陰影236，233，48漸變20，233，110漸變1和線框色0，233，150陰影0，233，48漸變2170，0，110漸變1和線框色170，0，150陰影170，0，48示例 平行色彩做多種色調(diào)羅列出的16種平行色彩，足夠平常所用。這里的顏色僅供參考。實(shí)際上是有255種色調(diào)可供選擇。示例 垂直色彩2+平行色彩做多種色調(diào)如果覺得顏色有點(diǎn)艷麗，可相應(yīng)調(diào)整飽和度，這里調(diào)整的是漸變2與線框色的飽和度，漸變1和陰影不做調(diào)整漸變20，110漸變10，233，150陰影0，233，48線框色0，150示例2 平行色彩做漸變前面我們講的是一個(gè)元素基于垂直色彩的漸變，這里講講平行色彩的漸變。平行色彩的漸變表達(dá)的也是一種顏色的平等關(guān)系，平衡感較強(qiáng)漸變2，233，110漸變1，233，110示例3 斜交色彩做漸變?nèi)绻蚱七@種平衡感，呈現(xiàn)層次性的變化，斜交色彩就有了用