1、色彩基礎知識、色彩的構成。無彩色是指白、灰、黑等不帶顏、色彩的構成。無彩色是指白、灰、黑等不帶顏有彩色是指紅、黃、藍、綠等帶有顏色的色彩，如圖2中的色彩。原色：是指無法用其他顏色混合得到的顏色，即第一次色。理論上講原色只有三種：紅，黃，藍。印刷中三原色是紅，黃，青。是構成其他顏色的母色。原色不能由其他顏色調出卻可以調配出其他任何顏色。間色：三原色中任何兩種混合產生的顏色稱為間色，又稱第二色。間色也是三種：橙、綠、紫。補色：在色環上，相對的兩種顏色（即：在同一條直徑上的兩種顏色）為一組補色，如：紅和綠，橙和藍，黃和紫都是補色。補色的對比十分強烈，視覺上給人不和諧的感覺。補色的組合可以使人感覺紅的

2、更紅綠的更綠，雖然不和諧，但如果運用得好的話也可以很漂亮，給人視覺沖擊力很強，如果運用得不好，就會給人俗氣，刺眼得感覺。對比色:如與指定的某色，依色環度大約成108度至144度之間的相對，在此范圍內的所有色相稱為對比色系。同類色：指色素比較相近得不同顏色，如：大紅，朱紅，玫瑰紅，深紅等顏色。鄰近色：鄰近色是指在色環上相鄰得各種顏色，如：黃綠，黃，橙黃，橙等。二、色彩的三要素一一色相、明度、純度：色相是指色彩得相貌，也就是色彩最顯著得特征，又叫色名，色種等。生活中得各種色彩都有自己具體得面貌，因此也就有了不同得名稱，如：海藍，天藍，孔雀藍等等。色彩得明度是指色彩本身得明暗深淺程度，簡單來說就是指

3、色彩得黑白程度。色彩得純度又稱色彩得飽和度，是指色彩本身得鮮艷程度。色調：色調就是一幅畫得總的色彩傾向性。由若干塊占主要面積的色彩所決定的。色調從色相上分，可以有紅調子，綠調子，紫調子等；從明度上分可以有亮調子，暗調子等；從純度上分，可以分為艷調子，灰調子等；從色性上，又可以分為暖調子，冷調子等0賢32=R24RP均f16：BIDG&0賢32=R24RP均f16：BIDG&：Y兮相環)3：bG耘曲錄一三、色彩的特性1、色彩的冷暖物體通過表面色彩可以給人們或溫暖或寒冷或涼爽的感覺。一般說來，溫度感覺是通過感覺器官觸娛物體而來.與色彩風馬牛不相及。事實上，各類物體借助五彩繽紛的色彩給人一定的溫度感

4、覺。紅、橙、黃等顏色使人想到陽光、烈火，故稱“暖色”。如圖6中燃燒的深林,如果你沒看到圖，聽到火，肯定會想到是紅色，灼熱的感覺。綠、青、藍等顏色與黑夜、寒冷相聯，稱“冷色”。圖7,夜晚被燈光照亮的賓館大廈，感覺冷冷的。紅色給人積極、躍勸、溫暖的感覺。藍色給人低靜、消極的感覺。綠與紫是中性色彩刺激小，效果介于紅與藍之間。中性色彩使人產生休憩、輕松的情緒，可以避免產生疲勞感。人對色彩的冷暖感覺基本取決于色調。色系一般分為暖色系、冷色系、中性色系三類。色彩的冷暖效果還需要考慮其他因素。例如，暖色系色彩的飽和度愈高，其溫暖的特性愈明顯；而冷色系色彩的亮度愈高，其特性愈明顯。我們把上面的圖6、7，分別增

5、加飽和度和亮度，看到各自反映的效果更加突出（圖8）。2、色彩的輕重感覺各種色彩給人的輕重感不同，我們從色彩得到的重量感，是質感與色感的復合感覺。例如兩個體積、重量相等的皮箱（圖9）分別涂以不同的顏色，然后用手提、目測兩種方法判斷木箱的重量。結果發現，僅憑目測難以對重量做出準確的判斷，可是利用目測木箱的顏色卻能夠得到：輕重感，淺色密度小，有一種向外擴散的運動現象，給人質量輕的感覺深色密度大，給人一種內聚感，從而產生份量重的感覺。3、色彩的膨脹與收縮比較兩個顏色一黑一白而體積相等的正方形（圖10）可以發現有趣的現象,即大小相等的正方形，由于各自的表面色彩相異，能夠斌予人不同的面積感覺。白色正方形似

6、乎較黑色正方形的面積大。這種因心理因素導致的物體表面面積大于實際面積的現象稱“色彩的膨脹性”。反之稱“色彩的收縮性”。給人一種膨脹或收縮感覺的色彩分別稱膨脹色”、“收縮色”。色彩的脹縮與色調密切相關，暖色同膨脹色，冷色屬收縮色。圖10圖104、色彩的前進性與后退性如果等距離地看兩種顏色，可給人不同的遠近感。如：黃色與藍色以黑色為肯景時（圖11），人們往往感覺黃色距離自己比藍色近。換言之，黃色有前進性,藍色有后退性。較底色突出的前進性的色彩稱“進色”；較底色暗淡的后退色彩稱“退色”。圖11圖11一般而言，暖色比冷色更富有前進的特性。兩色之間，亮度偏高的色彩呈前進性，飽和度偏向的色彩也呈前進性。但

7、是色彩的前進與后退不能一概而論，色彩的前進、后退與背景色密切相關。如在白背景前（圖12），屬暖色的黃色給人后退感，屬冷色的藍色卻給人向前擴展的感覺。圖12應用色彩學由于生長在一個充滿著色彩的世界，色彩一直刺激我們的視覺器官，而色彩也往往是作品給人的第一印象色彩與生活首先在認識色彩前，我們要先建立一種觀念，就是如果要了解色彩認識色彩，便要用心去感受生活，留意生活中的色彩，否則容易變成一個視而不見的色盲，就如人體的其他感官一樣，色彩就活像是我們的為味覺，一樣的材料但因用了不同的調味料而有了不同的味道，成功的好吃，失敗的往往叫人難以下咽，而色彩對生理與心理都有重大的影響，因此色彩學算是設計的一門基本

8、科目。色彩意象當我們看到色彩時，除了會感覺其物理方面的影響，心里也會立即產生感覺，這種感覺我們一般難以用言語形容，我們稱之為印象，也就是色彩意象。紅的色彩意象由于紅色容易引起注意，所以在各種媒體中也被廣泛的利用，除了具有較佳的明視效果之外，更被用來傳達有活力，積極，熱誠，溫暖，前進等涵義的企業形象與精神，另外紅色也常用來作為警告，危險，禁止，防火等標示用色，人們在一些場合或物品上，看到紅色標示時，常不必仔細看內容，及能了解警告危險之意，在工業安全用色中，紅色即是警告，危險，禁止，防火的指定色。大紅桃紅磚紅玫瑰紅橙的色彩意象橙色明視度高，在工業安全用色中，橙色即是警戒色，如火車頭，登山服裝，背包

9、，救生衣等，由於橙色非常明亮刺眼，有時會使人有負面低俗的意象，這種狀況尤其容易發生在服飾的運用上，所以在運用橙色時，要注意選擇搭配的色彩和表現方式，才能把橙色明亮活潑具有口感的特性發揮出來。鮮橙橘橙朱橙香吉士黃的色彩意象黃色明視度高，在工業安全用色中，橙色即是警告危險色，常用來警告危險或提醒注意，如交通號志上的黃燈，工程用的大型機器，學生用雨衣，雨鞋等都使用黃色。大黃檸檬黃柳丁黃米黃綠的色彩意象在商業設計中，綠色所傳達的清爽，理想，希望，生長的意象，符合了服務業，衛生保健業的訴求，在工廠中為了避免操作時眼睛疲勞，許多工作的機械也是采用綠色，一般的醫療機構場所，也常采用綠色來作空間色彩規劃即標示

10、醫療用品。大綠翠綠橄欖綠墨綠藍色的色彩意象大綠翠綠橄欖綠墨綠藍色的色彩意象由于藍色沉穩的特性，具有理智，準確的意象，在商業設計中，強調科技，效率的商品或企業形象，大多選用藍色當標準色，企業色，如電腦，汽車，影印機，攝影器材等等，另外藍色也代表憂郁，這是受了西方文化的影響，這個意象也運用在文學作品或感性訴求的商業設計中。大藍天藍水藍深藍紫色的色彩意象大藍天藍水藍深藍紫色的色彩意象由于具有強烈的女性化性格，在商業設計用色中，紫色也受到相當的限制除了和女性有關的商品或企業形象之外，其他類的設計不常采用為主色。大紫貴族紫葡萄酒紫深紫褐色的色彩意象大紫貴族紫葡萄酒紫深紫褐色的色彩意象在商業設計上，褐色通

11、常用來表現原始材料的質感，如麻，木材，竹片，軟木等，或用來傳達某些引品原料的色澤即味感，如咖啡，茶，麥類等，或強調格調古典優雅的企業或商品形象。茶色可可色麥芽色調古典優雅的企業或商品形象。茶色可可色麥芽色原木色白色的色彩意象在商業設計中，白色具有高級，科技的意象，通常需和其他色彩搭配使用，純白色會帶給別人寒冷，嚴峻的感覺，所以在使用白色時，都會摻一些其他的色彩，如象牙白，米白，乳白，蘋果白，在生活用品，服飾用色上，白色是永遠流行的主要色，可以和任何顏色作搭配。黑色的色彩意象在商業設計中，黑色具有高貴，穩重，科技的意象，許多科技產品的用色，如電視，跑車，攝影機，音響，儀器的色彩，大多采用黑色，在

12、其他方面，黑色的莊嚴的意象，也常用在一些特殊場合的空間設計，生活用品和服飾設計大多利用黑色來塑造高貴的形象，也是一種永遠流行的主要顏色，適合和許多色彩作搭配。灰色的色彩意象在商業設計中，灰色具有柔和，高雅的意象，而且屬於中間性格，男女皆能接受，所以灰色也是永遠流行的主要顏色，在許多的高科技產品，尤其是和金屬材料有關的，幾乎都采用灰色來傳達高級，科技的形象，使用灰色時，大多利用不同的層次變化組合或他配其他色彩，才不會過於素，沉悶，而有呆板，僵硬的感覺。大灰老鼠灰藍灰深灰網頁頁面中總是由具有某種內在聯系的各種色彩，組成一個完整統一的整體，形成畫面色彩總的趨向，稱為色調。也可以理解為色彩狀態。色彩給

13、人的感覺與氛圍，是影響配色視覺效果的決定因素。為了使網頁的整體畫面呈現穩定協調的感覺，以便充分的掌握其規律來更好的分析學習，上次我們介紹了視覺角色主次位置的幾個概念，本節我們介紹色彩的對比。對比與調和就是形式美的變化與統一規律在一定條件下，不同色彩之間的對比會有不同的效果。在不同的環境下，多色彩給人一種印象，色彩單一給人另一種印象。各種純色的對比會產生鮮明的色彩效果，很容易給人帶來視覺與心理的滿足。紅、黃、藍三種顏色是最極端的色彩，它們之間對比,哪一種顏色也無法影響對方。很多朋友都以為色彩對比主要是紅綠、橙藍、黃紫色的對比，實際色彩對比范疇不局限于這些。是指各種色彩的界面構成中的面積、形狀、位

14、置以及色相、明度、純度之間的差別，使網頁色彩配合增添了許多變化、頁面更加豐富多彩。名詞解釋：RGB：HSB模式：HSB模式中的H、S、B分別表示色調、飽和度、亮度，這是一種從視覺的角度定義的顏色模式衣服與顏色：服裝的顏色與皮膚的顏色搭配不當的話，所產生的效果就北將是極不理想的，因為膚色的不同，應該選擇不同色彩的服裝。膚色白的人穿任何顏色的服裝都適合。因為“一百遮百丑”，而膚色較黃較暗的，就不應該穿顏色發柴的衣服，這樣顯得面部顏色越發的暗淡。皮膚較黃的人，應避免用明度高的黃色，藍色以及紫色上衣，這容易讓人覺得萎磨不振。缺乏生氣，相反選一些粉色調的服飾，如粉白，粉紅等色彩，可能會中和黃色，使皮膚變

15、得白皙些。皮膚太黑的人，盡量避免穿純黑或太紫太褐的上裝，因為顏色太深的上裝會導致五官模糊不清，相反，比較明亮的顏色，如粉白，淡黃，粉白等，可以使肌膚顯得既有光澤又健康。漂白的上裝和褲子，裙子不可以隨便穿，這樣與膚色反差太大，沒有美感。膚色分為4種:1,白皙的.這種膚色大體說來搭配很多顏色都很好看,但是我建議不要穿飽和度太低的,比如米黃淡粉,這樣會讓人感覺有鄉土氣2,暗黃的.這種膚色千萬不要嘗試非常正的顏色,比如純度很高的紅桃紅天藍.應該穿飽和度較低的衣服比如米黃淡藍等.然而選擇黑、白灰就更好了3,小麥色.這多半是紫外線的結果而不是天生的.這樣的話選擇比較沉郁啞光的效果會很好.比如酒紅咖啡粉紫銀

16、灰等.同樣,顏色可以大膽,但是飽和度不要高4,古銅色.這樣比較暗啞顏色極深的膚色最好穿暖色系中較淺的衣服.比如淡粉米黃粉藍等色彩的對比規律大致有以下幾點：色相對比是指因色相之間的差別形成的對比。當主色相確定后，必須考慮其他色彩與主色相是什么關系，要表現什么內容及效果等，這樣才能增強其表現力。不同色相對比取得的效果有所不同，兩色越接近，對比效果越柔和。越接近補色，對比效果越強烈。f色相對比網頁例圖：主色調輔色調點瘠色背最色G：219S：91%H.305,R0T152G:15dSiSDliG.11JS：1ECTtB：1SB：2DlZ比典恬B.75&-55W-色相對比分析：主要是以綠色與藍色之間的色

17、相對比。從HSB數值上可看出嫩綠色的S純度高B亮度也很高，因此艷麗的顏色作為背景與前景純度稍低的墨綠和轱藍色形成色相之間的對比。前景的墨綠雖然純度達到最高值100%,比主色調高不少,但是因為亮度低，因此色彩顯示沒有主色調明艷。結論：該頁面色相的對比，主要作用于前景與背景的對比、局部與整體的對比。明度對比明度對比可分為:彩色差的明度對比及非彩色差的明度對比是指色彩之間明暗程度的差別而形成的對比。是頁面形成恰當的黑、白、灰效果的主要手段。明度對比在視覺上對色彩層次和空間關系影響較大。例如檸檬黃明度高，藍紫色的明度低，橙色和綠色屬中明度，紅色與藍色屬中低明度。明度對比網頁例圖：FrfLirvdAJR

18、rrsuHsFA5HK?NACCESSORIESFHA&RAT-JCE5BEAUTY主色調輔色調背最色DiorFrfLirvdAJRrrsuHsFA5HK?NACCESSORIESFHA&RAT-JCE5BEAUTY主色調輔色調背最色Dior明度對比分析：（非彩色差）嚴格來說，該頁面應該是黑白灰色非色彩構成，攝影圖片中的人物衣服為灰色，相對單純的黑白對比柔和舒適于視覺。能使頁面顯得更單純、統一，形成另一道獨特的風景。純度對比是指不同色彩之間純度的差別而形成的對比。色彩純度可大致分為高純度、中純度、低純度三種。未經調和過的原色純度是最高的，而間色多屬中純度的色彩，復色其本身純度偏低而屬低純度的色

19、彩范圍。純度的對比會使色彩的效果更明確肯定。f純度對比網頁例圖：主色調背員色R12H1921G：1B3S主色調背員色R12H1921G：1B3S：95M.E.233B：93W捕色調B.3S1M323-Q182324皈5.Z2弓；旳悴直睹色R.yjH.55*F!EfllH.339G：2468.90%G：3S：99B.2.1B.9SH-E.127B：95純度對比分析：整個頁面看起來異常艷麗刺激然而又非常的協調。以上數值主要選取了幾種較有代表性的顏色。大家注意看，以上色彩除了粉紅色，其他幾組顏色都是高飽和度高亮度的顏色，因此充分的發揮出了色彩的艷麗程度。包括粉紅色在內的幾種灰色階，在中間起到了和諧作

20、用。白色能拉開相近色階的空間及明快頁面的作用，在這里可以說是功不可沒。結論：頁面實際上用了不少顏色，配色大膽。抓住顏色主次冷暖的安排，適度再加上和諧的過渡色灰色，實現了作者對該頁面的輕松配色。從多種高純度的搭配協調能力上看，足可見作者對色彩設計搭配不一般的功底。這類網頁配色非常能夠體現出一個網站頁面產品個性，配色難度大。讓人過目難忘。補色對比將紅與綠、黃與紫、藍與橙等具有補色關系的色彩彼此并置，使色彩感覺更為鮮明，純度增加，稱為補色對比。f補色對比網頁例圖：http:/ HYPERLINK http:/www.forthosewholovelife.co.uk www.forthosewhol

21、ovelife.co.ukA主色調輔色調R.55H:150R.30R255G.1G：0DIMB.20TP.OD.ID*補色對比分析：由冷色系的綠色、藍色組成大背景環境，純度較低。前景主要是突出產品、文字信息內容的大紅色形成補色對比效果,RGB的R255數值與HSB是H為零，數值顯示非常明確，標準的大紅色。純度亮度非常高，達到最高值，加之白色的勾邊，使得紅色更為凸顯，更易于視覺對信息的迅速捕捉。結論：對比色的合理搭配，能拉開前景與背景的空間感，突出頁面主體物。尤其是紅色在主體物的運用，能迅速傳遞視覺的效果。冷暖對比是指不同色彩之間的冷暖差別形成的對比。色彩分為冷、暖兩大色系，以紅、橙、黃為暖色體

22、系，藍、綠、紫則代表著冷色系，兩者基本上互為補色關系。另外，色彩的冷暖對比還受明度與純度的影響，白光反射高而感覺冷，黑色吸收率高而感覺暖。f冷暖對比網頁例圖：IIT此ImLizzieMCGUiREVoteFAVORITELizzieepisodes:嚟爲品住HcGuir.rtLiue4lKMpsBg心pi疵PidiDdy4-D1SCBOXSETECnMihE耐IIT此ImLizzieMCGUiREVoteFAVORITELizzieepisodes:嚟爲品住HcGuir.rtLiue4lKMpsBg心pi疵PidiDdy4-D1SCBOXSETECnMihE耐1|kBXClJUWE會札BONU

23、SFEATURESAswiRjn.口H1-8D0-HELPNObVorvisitRwdcmi陰ik陽昭argDae血afinancialMcmaliOntodayNowAvailableanAndVideoL22iHCGUIIIT*UZZIBIHCCL1RI:LIZZIEHC&UILELlllllLIZ7LHC：GjaLlzi.3iThl主色調R153H19iG：225S：3BWB：247B：97W輔色調點睹色背杲色R.162H70*尺西*H.49-R221H329G:1B93.34%G.213S：89WG.5B3:74%B：30B：74WB：27B：99B：1436:37%R.ZJ8H.29

24、6G：135S：47%B：2KB：1K?%R.250H.23-G.11BS：9BWB：5B：96%冷暖對比分析：以上這幾組顏色乍一看感覺鮮艷程度都差不多，但是通過觀察它們的數值發現飽和度都有相差,然而明度相近，因此它們給人造成的視覺感受幾乎是相同的。該頁面冷暖顏色較為豐富，橙和藍是對比最強烈的補色，其次是傾向不夠明顯的補色黃、紫。明度不同的兩個綠色起到了冷暖視覺的過渡作用。主色調的淺藍色亮度較高，讓頁面不易給人沉悶的感覺。結論：冷暖對比的應用，通常在休閑娛樂網站、食品網站出現比較多。將這兩個色系的色彩安排在同一畫面時，其對比效果極為強烈。通常初學者較容易使兩色相互排斥，導致畫面色調不諧調。一般

25、我們采用兩種調和的方法。純度調整降低冷暖兩色純度。用明度黑、白、灰變化來調整畫面的層次、直接使用黑、白、灰色系進入畫面搭配，或者加入補色的諧調，也都能很好的起到協調的效果。f純度調整網頁例圖：http:/ HYPERLINK Thjp*i|rtvnPhil-ppin*?rigiPHIaI.吧知uE!:Ivhhr-upboThjp*i|rtvnPhil-ppin*?rigiPHIaI.吧知uE!:IvhhQUQD.PhaLsshMbiuitin1rjrn*ipliIinErrtwiJ-a-vnfk-hd主色調輔色調尺zsiH.M-R51H.1751R.355H.43R.H5H.S591R;5iH

26、2051G.153S：1IK%G.15JS：S71tG：1B3-S.1KX%g.1s.gowG.D3:100%B：QB.99WB：153B：60E：0B:7B.10O%B.OB:2D%純度調整分析：主色調的橙色，添入了少許黑色做漸變背景色，降低了純度。輔助色的藍色是橙色的補色，主要起的是使得整個頁面過多的暖色降低協調于整體的效果，及背景色的棕色都分別提暗降低純度。而左上角的黃色則通過提高了亮度來降低純度。一個頁面里應有少量純度較高的顏色而不至于使整個頁面過于壓抑，純度亮度很高的點睛色紅色就起到了這個作用。結論：純度的調整主要是通過明度黑、白、灰變化來調整畫面的層次，適當的加入補色也是其中的一個

27、辦法。網頁設計配色應用色彩的調和面積調整主次的面積區分。根據設計主題的需要，在畫面的面積上以一方為主色，于是就掌控畫面的色調作用，其他的顏色在使用面積上拉開距離，使畫面的主次關系更突出，在統一的同時富有變化。f面積調整網頁例圖：http:/ HYPERLINK 99主色調輔色調點靖色背杲色R255H：3CFR237H(TG：153G.33&口9:34-面積調整分析：作為大面積使用的主色調-飽和度和亮度為最高值的橙色，通過適當面積的白色加入協調和平衡了視覺的作用外，主體物的深紅紋樣的圖片點綴著純度、亮度較高的紅色有醒目作用，縮小面積而卻又能突出于視覺中心點，疏密構圖的對比效果。結論：大面積的顏色

28、和小面積使用的顏色可以拉開主次關系，位置的正確安排也是一個方面。面積對比同一種色彩，面積越大，明度、純度越強，面積越小，明度、純度越低。面積大的時候，亮的色顯得更輕，暗的色顯得更重。這種現象稱為色彩的面積效果。面積對比是指頁面中各種色彩在面積上多與少、大與小的差別，影響到頁面主次關系。面積的對比，可以是中高低明度差的面積變化及中高低純度差的面積變化。f面積對比網頁例圖：http:/www.parkpack.ruo主色調輔色調點潔色RJQBH.1Q5-K.nrH.WR.KZK.rG.195G1723：33WB:2D4B30B：6T%面積對比分析：作為大面積使用的主色調-飽和度和亮度為最高值的橙色

29、，通過適當面積的白色加入協調和平衡了視覺的作用外，主體物的深紅紋樣的圖片點綴著純度、亮度較高的紅色有醒目作用，縮小面積而卻又能突出于視覺中心點，疏密構圖的對比效果。結論：大面積的顏色和小面積使用的顏色可以拉開主次關系，位置的正確安排也是一個方面。網頁頁面中總是由具有某種內在聯系的各種色彩，組成一個完整統一的整體，形成畫面色彩總的趨向，稱為色調。也可以理解為色彩狀態。色彩給人的感覺與氛圍，是影響配色視覺效果的決定因素。為了使網頁的整體畫面呈現穩定協調的感覺，以便充分的掌握其規律來更好的分析學習，我們前面介紹了色調的視覺角色主次位置的幾個概念，也介紹了色彩的對比。今天我們介紹色彩的調和。兩種或兩種

30、以上的色彩合理搭配，產生統一諧調的效果，稱為色彩調和。色彩調和是求得視覺統一，達到人們心理平衡的重要手段。調和就是統一，下面介紹的四種方法能夠達到調和頁面色彩的目的。同種色的調和相同色相、不同明度和純度的色彩調和。使之產生秩序的漸進，在明度、純度的變化上，彌補同種色相的單調感。f同種色的調和網頁例圖：oneABOdIWslconwIGsolarOneatStuyvesantCoveParkoneABOdIWslconwIGsolarOneatStuyvesantCoveParkIcnenergyS=Ul.flR.POrtERLUBAIlLtFtafRIfcS點睛色背最色aim詠ofncflar

31、卩加制a倍眞snqtedvnuueS=Ul.flR.POrtERLUBAIlLtFtafRIfcS點睛色背最色R.255H忖R.255ti.6=rR.217n：as=*G.2DT3：96昏;囲関G：93S3驚S6B.1O0%B：30呂：3丁也B：1E：asw主色調輔色調同種色的調和分析：同種色給人的感覺是相當協調的。它們通常在同一個色相里，通過明度的黑白灰或者純度的不同來稍微加以區別的，產生了及其微妙的韻律美。為了不至于讓整個頁面呈現過于單調平淡，有些頁面則是加入極其小的其他顏色做點綴。該頁面使用了同種色的黃色系，淡黃、檸檬黃、中黃、通過明度、純度的微妙變化產生緩和的節奏美感。結論：同種色被稱

32、為最穩妥的色彩搭配方法。類似色的調和在色環中，色相越靠近越調和。主要靠類似色之間的共同色來產生作用。f類似色的調和網頁例圖：聊創TEiHUG.衛廿巴咎iiiiLii：I?ifliS.A1A讓整個頁面呈現過于單調平淡，有些頁面則是加入極其小的其他顏色做點綴。該頁面使用了同種色的黃色系，淡黃、檸檬黃、中黃、通過明度、純度的微妙變化產生緩和的節奏美感。結論：同種色被稱為最穩妥的色彩搭配方法。類似色的調和在色環中，色相越靠近越調和。主要靠類似色之間的共同色來產生作用。f類似色的調和網頁例圖：聊創TEiHUG.衛廿巴咎iiiiLii：I?ifliS.A1A-TH1TMsmoMEIOI託匕曇長T391當?

33、|fil4IHt|.n9-M1笛凹LVB坐洞6叫魁討護導出黑丄!勺掘|右-alRE4oioiBai.u|?ij.?jh阿匸SS2JIUtf-Ef主醫也筆wtii巨足u時*旦淬4利古的il!X宙外關育屯tyysfrift罟形斗F也令|rUf訊曾軒它里璃叫衛衛5f科沖;3田耳S.flPFq-ftrEfitA-1日護卜|也音芒阿州-3*151vw5ir4-e*i3出口I辺若02SCO-TmI：（ni5Qt-7SE2-L&tf:ElfiK?HI-J0169已匸H電衛営甘打丼導衛SjiI!1.poy噸理一山百城（H耳-別曲量*硏：.5=12-出匸理TH也段空即包厲圈醐旦?U3-/二背；1K出耳計耳翌兇芒

34、卅1主色調輔色調點睛色背冒色R.ZJ0H.STG23rSHTte0；107氐93懷RBH159G：1673.96%B12SB；73%R：Z38H35CTG：4SS：7B*B；3PB陽，牖類似色的調和分析：類似色相較于同類色色彩之間的可搭配度要大些，顏色豐富、富于變化。以上頁面主要取的是色環中的黃色、綠色、藍色通過明度、純度、面積上的不同實現變化和統一的。雖然主色調的米黃色在頁面中使用面積最大，但是我們看到由于它的明度非常高，飽和度就降低了，因此在頁面中處在不明顯的角色。而綠色的純度最高，且使用面積次之，頁面顯示較顯眼，因此用于次級導航位置上。整個頁面主次的視覺引導分明。結論：不是每種主色調都是

35、極其顯眼的位置，通常多扮演著用于突出主體的輔助性配角。而重要角色往往在頁面中用的份量極少，卻又起到突出主體的作用。對比色的調和調和方法有：1、提高或降低對比色的純度；2、在對比色之間插入分割色（金、銀、黑、白、灰等）；3、采用雙方面積大小不同的處理方法；4、對比色之間加入相近的類似色。f對比色的調和網頁例圖：http:/ HYPERLINK 主色調輔也調R238HR2O0H333G2D13.95%主色調輔也調R238HR2O0H333G2D13.95%S.S5對比色的調和分析：基本上可以說是黃色和紫色的對比色做頁面的主要色調。黃色紫色組合在網頁中使用率較低，原因是這組顏色適用范圍相對其他兩組對比色要小很多，配色難度也較兩組大。這里黃色加入了紅色呈中黃色，紫色加入了紅色，偏玫瑰色，所以這組顏色不