顏色模版+配色技巧

1、漫談PPT色彩只為設(shè)計(jì)的微波R:255 G:92 B:0RGB色盤RGB是最常見的色彩模式但本ppt用的是HSL模式H:32 S:255 L:128HSL色盤HSL與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色彩模式介紹6接下來開始正文色調(diào)飽和度亮度7平行垂直斜交色彩的三大關(guān)系PS：

2、這三大關(guān)系是基于元素內(nèi)部或元素之間的層次關(guān)系，理解這點(diǎn)很重要主要用于不同元素的并列關(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)元素用淺

3、色或灰色層次變化表現(xiàn)為:元素的并列關(guān)系是由于色彩分布錯(cuò)落有致，其中最明顯的色彩一般置于中央，淡化了色彩的層次釋疑色彩由淺到深分布，突出了變化趨勢(shì)，層次就明顯了在HSL色彩模式下只調(diào)節(jié)飽和度表達(dá)的是同一/不同元素基于某種色調(diào)的層次變化關(guān)系，與垂直色彩1意義相同垂直色彩2聯(lián)系垂直色彩2垂直色彩1區(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)艷麗或偏灰的顏色調(diào)整飽和度示例是平行色彩與垂直色彩的結(jié)合，可實(shí)現(xiàn)更豐富的配色。斜交色彩斜交方式1：先平行，后垂直1（調(diào)亮度）HSL: 32,255,1

4、28HSL: 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：255192斜交方式2：先垂直2，后平行HSL: 42,192,128后調(diào)節(jié)色調(diào)H:3242先調(diào)節(jié)飽和度S：255192HSL: 32,192,

5、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(19,234,96)調(diào)節(jié)亮度L：11996C(19,150,96) 如A，仍然感覺有點(diǎn)亮；如B，感覺有點(diǎn)艷麗。這時(shí)我們就需要使用斜交色彩得

6、到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,9638,150,21352,234,11952,150,9652,150,213170,0,119170,0,96170,0,213更多

7、示例示例 垂直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線框色11，233，150示例 平行色彩做多種色調(diào)*這里羅列出具有代表性的色調(diào)，實(shí)際中是用不了這么多*請(qǐng)注意看HSL值漸變211，233，

8、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陰影63，233，48漸變280，233，110漸變1和線框色80，233，150陰影80，233，48漸變2124，233，110漸變1和

9、線框色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，233，150陰影190，233，48漸變2200，233，110漸變1和線框色200，233，150陰影200，233，48示例 平行色彩做

10、多種色調(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)可供選擇。在此輸入一級(jí)標(biāo)題在此輸入一級(jí)標(biāo)題在此輸入一級(jí)標(biāo)題在此輸入一級(jí)標(biāo)題示例 垂直色彩2+

11、平行色彩做多種色調(diào)如果覺得顏色有點(diǎn)艷麗，可相應(yīng)調(diào)整飽和度，這里調(diào)整的是漸變2與線框色的飽和度，漸變1和陰影不做調(diào)整在此輸入一級(jí)標(biāo)題在此輸入一級(jí)標(biāo)題在此輸入一級(jí)標(biāo)題在此輸入一級(jí)標(biāo)題漸變20，169，110漸變10，233，150陰影0，233，48線框色0，169，150示例2 平行色彩做漸變前面我們講的是一個(gè)元素基于垂直色彩的漸變，這里講講平行色彩的漸變。平行色彩的漸變表達(dá)的也是一種顏色的平等關(guān)系，平衡感較強(qiáng)漸變20，233，110漸變133，233，110示例3 斜交色彩做漸變?nèi)绻蚱七@種平衡感，呈現(xiàn)層次性的變化，斜交色彩就有了用武之地。漸變30，233，110漸變1（即白色）33，233

12、，255漸變233，233，134示例3 斜交色彩做漸變?nèi)魏蝺煞N顏色，都可以斜交方式3得到。所以斜交色彩配色更加豐富，也更加復(fù)雜，但也運(yùn)用的較為廣泛。掌握了HSL調(diào)整方法，多加嘗試和練習(xí)，會(huì)讓我們配色更加自如最后請(qǐng)牢記平行色彩調(diào)色調(diào)垂直色彩2調(diào)飽和度垂直色彩1調(diào)亮度斜交色彩平行+垂直色彩46255,255,255255,192,255192,129,255255,129,255129,66,255192,66,255255,66,25566,0,255129,0,255192,0,255255,0,25538,0,19276,0,192114,0,192152,0,192192,0,19222

13、,0,12944,0,12966,0,12987,0,129108,0,129129,0,129192,192,255129,129,25566,66,2550,0,2550,0,1920,0,129255,255,192192,255,129255,255,129129,255,66192,255,66255,255,6666,255,0129,255,0192,255,0255,255,0255,192,192255,129,129255,66,66255,0,0192,0,0129,0,0255,129,192255,66,129255,0,66192,0,38129,0,22255,6

14、6,192255,0,129192,0,76129,0,44255,0,192192,0,114129,0,66192,0,152129,0,87129,0,108255,192,129255,129,66255,66,0192,38,0129,22,0255,192,66255,129,0192,76,0129,44,0255,192,0192,114,0129,66,0192,152,0129,87,0192,255,192129,255,12966,255,660.255,0192,255,255129,255,25566,255,2550,255,2550,192,1920,129,1

15、29129,192,25566,192,2550,192,2550,152,1920,108,12966,129,2550,129,2550,114,1920,87,1290,66,2550,76,1920,66,1290,38,1920,44,1290,22,129129,255,19266,255,1920,255,1920,192,1520,129,10866,255,1290,255,1290,192,1140,129,870,255,660,192,760,129,660,192,380,129,4466,0,5666,0,066,0,1066,0,1866,0,2766,0,366

16、6,0,4510,0,6618,0,6627,0,6636,0,6645,0,6656,0,660,0,6666,0,660,10,660,66,660,56,660,45,660,36,660,27,660,18,660,66,560,66,450,66,360,66,2766,10,066,18,066,27,066,36,038,192,076,192,0114,192,0152,192,0192,192,0129,108,022,129,044,129,066,129,087,129,0108,129,0129,129,00,192,00,129,00,129,220,66,100,6

17、6,1866,45,066,56,010,66,018,66,027,66,036,66,045,66,056,66,00,66,066,66,0255,255,255192,192,192129,129,12966,66,660,0,0224,224,224161,161,16196,96,9633,33,33RGB附 錄（可不看）255,255,255213,255,224191,255,192213,255,192184,255,161198,255,161213,255,161181,255,128191,255,128202,255,128213,255,128178,255,961

18、87,255,96195,255,96203,255,96213,255,96177,255,65184,255,65191,255,65198,255,65205,255,96213,255,65170,255,224170,255,192170,255,161170,255,128170,255,96170,255,6542,255,22464,255,19242,255,19271,255,16157,255,19242,255,16174,255,12864,255,12853,255,12842,255,1280,255,2240,255,1920,255,1610,255,1280

19、,255,960,255,65255,129,192241,255,161244,255,128247,255,96248,255,65227,255,161234,255,128238,255,96241,255,65223,255,128230,255,96234,255,65222,255,96227,255,65220,255,6521,192,19214,255,16111,255,1288,255,967,255,6528,255,16121,255,12817,255,9614,255,6532,255,12825,255,9621,255,6533,255,9628,255,6

20、585,255,22485,255,19285,255,16185.255,128127,255,224127,255,192127,255,161127,255,128127,255,96127,255,65149,255,192142,255,161138,255,128137,255,96135,255,65156,255,161149,255,128145,255,96142,255,65159,255,128153,255,96149,255,65162,255,96156,255,65163,255,65106,255,192113,255,161117,255,128118,255,96120,255,6599,255,161106,25