1、色彩三要素,色彩的三要素： 明度、色相、飽和度。,色相：,色彩是由于物體上的物理性的光反射到人眼視神經(jīng)上所產生的感覺。色的不同是由光的波長的長短差別所決定的。作為色相，指的是這些不同波長的色的情況。波長最長的是紅色，最短的是紫色。把紅、黃、綠、藍、紫和處在它們各自之間的黃紅、黃綠、藍綠、藍紫、紅紫這5種中間色共計10種色作為色相環(huán)。在色相環(huán)上排列的色是純度高的色，被稱為純色。這些色在環(huán)上的位置是根據(jù)視覺和感覺的相等間隔來進行安排的。用類似這樣的方法還可以再分出差別細微的多種色來。在色相環(huán)上，與環(huán)中心對稱，并在180度的位置兩端的色被稱為互補色。,明度：,表示色所具有的亮度和暗度被稱為明度。計算

2、明度的基準是灰度測試卡。黑色為0，白色為10，在010之間等間隔的排列為9個階段。色彩可以分為有彩色和無彩色，但后者仍然存在著明度。作為有彩色，每種色各自的亮度、暗度在灰度測試卡上都具有相應的位置值。彩度高的色對明度有很大的影響，不太容易辨別。在明亮的地方鑒別色的明度比較容易的，在暗的地方就難以鑒別。,飽和度：,用數(shù)值表示色的鮮艷或鮮明的程度稱之為彩度。有彩色的各種色都具有彩度值，無彩色的色的彩度值為0，對于有彩色的色的彩度（純度）的高低，區(qū)別方法是根據(jù)這種色中含灰色的程度來計算的。彩度由于色相的不同而不同，而且即使是相同的色相，因為明度的不同，彩度也會隨之變化的。,-:)歡迎訪問源碼下載吧(

3、:- 首頁 文章中心 下載中心 繁體中文 下載首頁 Asp源碼 .Net源碼 Php源碼 Jsp源碼 Cgi源碼 Flash源碼 網(wǎng)站模板 建站素材 其他源碼 學院首頁 | 網(wǎng)頁設計 | 平面設計 | 網(wǎng)絡編程 | 數(shù)據(jù)庫 | 免費資源 | 服務器 | SEO知識 | Css教程 | Dreamweaver 教程 搜索: 熱門搜索 動易 科訊cms 風訊cms 動網(wǎng)論壇 織夢cms 帝國cms 論壇 IIS7 新云模板 MySQL SqlServer 會員登錄/控制面版您的位置: 首頁 網(wǎng)頁設計 網(wǎng)頁配色 詳細內容 推薦文章 該分類還沒有添加任何內容！ 熱點文章 網(wǎng)頁色彩搭配的內涵 網(wǎng)頁留白的

4、藝術 網(wǎng)頁上的視覺傳達與藝術表現(xiàn). 五彩繽紛建網(wǎng)頁（4）背景與字. 五彩繽紛建網(wǎng)頁（3）色彩的象. 五彩繽紛建網(wǎng)頁（2）色彩的基. 五彩繽紛建網(wǎng)頁（1） 網(wǎng)頁設計中排版與布局小基礎. 按顏色分類：黑色和白色（Bl. 按顏色分類：紫紅色系（Red . 相關文章 組圖常用配色基本概念及精相關彩實例剖析(1) 百度搜索 常用配色基本概念及精相關彩實例剖析(1) 閱覽次數(shù): 本日：2 本周：3 本月：6 總數(shù)：42 文章來源: 不詳 原文作者: 佚名 整理日期: 2008-10-1 16:45:07 返回上一頁 打 印 字體大小: 小 中 大,補色, 補色：是廣義上的對比色。在色環(huán)上劃直徑，正好相對（

5、即距離最遠）的兩種色彩互為補色。如：紅色是綠色的補色；橙色是藍色的補色；黃色是紫色的補色。補色的運用可以造成最強烈的對比。, 補色網(wǎng)頁例圖：,補色分析：選用了一組紅綠對比色，極賦視覺沖擊力、所表現(xiàn)出的性格異常鮮明。我們看到RGB中綠色的數(shù)值顯示情況符合復色的條件，因此注定了該顏色明度稍暗、純度較低的特性，而紅色R數(shù)值118構成了該色的主要成份，其他G72，B61數(shù)值接近，純度和亮度相對綠色較高，因此2色在構成色彩空間差距上拉大。HSB中2色的S數(shù)值也顯示出，它們的飽和度相差較大。結論：補色最能傳達強烈、個性的情感。純度稍低的綠色為背景的大面積使用，對比并突

6、出了前景純度明度較高的面積較小紅色的圖形，形成了視覺中心重點突出，達到主次分明的主題效果。紅綠、橙藍、黃紫這三組補色中，前兩種使用得最頻繁。這三組補色搭配出的最終效果和目的，可以用兩個字來概括強烈！,鄰近色, 鄰近色：是在色環(huán)上任一顏色同其毗鄰之色。鄰近色也是類似色關系，只是范圍縮小了一點。例如紅色和黃色，綠色和藍色，互為鄰近色。, 鄰近色網(wǎng)頁例圖：,鄰近色分析：上圖選用了紅色、黃色為鄰近色示例，主要在色相上做區(qū)別豐富了頁面色彩上的變化。RGB數(shù)值上看，以上5色R的數(shù)值都很高，僅是微妙的不同。其中淺黃色的B為138，因此在HSB數(shù)值中純度S顯示最低，為46%；5色RGB中G的數(shù)值都不同，色相、

7、明度也產生相應的不同。從數(shù)值上分析整體看來，5色都有在同一頻率的變化。結論：由于是相鄰色系，視覺反差不大，統(tǒng)一、調和，形成協(xié)調的視覺韻律美，相較顯得安定、穩(wěn)重的同時不失活力，是一種恰到好處的配色類型。,同類色, 同類色：比鄰近色更加接近的顏色，它主要指在同一色相中不同的顏色變化。例如，紅顏色中有紫紅、深紅、玫瑰紅、大紅、朱紅、桔紅等等種類，黃顏色中又有深黃、土黃、中黃、桔黃、淡黃、檸檬黃等等區(qū)別。它起到色彩調和統(tǒng)一，又有微妙變化的作用。, 同類色網(wǎng)頁例圖：,同類色分析：選用紅色系4種同類色示例，主要在明度上做區(qū)別變化。由于是紅色系，4色RGB數(shù)值中的R，數(shù)值都很高，且相當。從HSB數(shù)值看出，明

8、度越高的顏色飽和度越低。這4種同類色相來看，明度在強中弱的節(jié)奏中的緩和的進行變化。結論：第一眼看上去給人溫柔、雅致、安寧的心理感受，便可知該組同類色系非常調和統(tǒng)一。只運用同類色系配色，是十分謹慎穩(wěn)妥的做法，但是有時會有單調感。添加少許相鄰或對比色系，可以體現(xiàn)出頁面的活躍感和強度。,暖色, 暖色：指的是紅、橙、黃、這類顏色。暖色系的飽和度越高，其溫暖特性越明顯?？梢源碳と说呐d奮性，使體溫有所升高。, 暖色網(wǎng)頁例圖：http:/www.mrwong.de,暖色分析：由于是暖色系，以上3種顏色RGB數(shù)值中R的含量為主導，B都為0，暖度強度傾向在G的添加黃色成份變化中可以看到，較規(guī)律的數(shù)值變化、較有視

9、覺節(jié)奏感。HSB中純度S和明度B都達到最高值，是鮮艷奪目的搭配色組合。結論：高明度高純度的色彩搭配，把頁面表達得鮮艷炫目，有非常強烈刺激的視覺表現(xiàn)力。充分體現(xiàn)了暖色系的飽和度越高，其溫暖特性越明顯的性格。,冷色, 冷色：指的是綠、青、藍、紫等顏色，冷色系亮度越高，其特性越明顯。能夠使人的心情平靜，清爽，恬雅。, 冷色網(wǎng)頁例圖：http:/www.portaldemoda.pt,冷色分析：該網(wǎng)頁示例主要選用了鄰近色系藍色綠色和同類色的明度變化。其中3種藍色系的RGB數(shù)值從二位數(shù)到三位數(shù)，隨著明度的遞增的同時，由低到高在有規(guī)律有節(jié)奏的變化。HSB的數(shù)值SB也相對隨著同比變化，純度S的含量都不大，因

10、此這幾組色彩相對含蓄柔和。綠色系RGB數(shù)值G的色相明顯，相應添加了高亮度的黃色R，使色彩較鮮艷明快。HSB數(shù)值SB也顯示出其高純度高亮度的特性。結論：冷色系的亮度越高，其特性越明顯。單純冷色系搭配視覺感比暖色系舒適，不易造成視覺疲勞。藍色、綠色是冷色系的主要系，是設計中較常用的顏色，也是大自然之色，帶來一股清新、祥和安寧的空氣。 本部分小結： 從以上例子可看出三原色視覺沖擊力最強，也最是刺目的，容易制造沖突、煩燥、不舒適的心情，所以是較難掌握的配色，大面積大范圍使用要慎重。間色是由三原色中的兩色調配二次，間于原色和復色之間，屬于中性色，視覺沖擊力次之，顏色的刺激緩和不少，給人舒適、愉悅的心情，

11、是較容易掌握的配色，也是在設計中使用得比較多的顏色。復色是由兩種間色或原色與間色相混合而產生的顏色，呈灰色階，視覺沖擊力更弱，柔和但是使人沉悶壓抑。復色調配好了，能體現(xiàn)出高層次高素養(yǎng)的成熟特性魅力，也稱為高級灰，是很經(jīng)看的顏色。由上可知，顏色相互混合的越多，飽和度越低，視覺沖擊力越弱。 色彩運用到一定程度后，應該逐漸認識到在一個環(huán)境、區(qū)域范圍里，色彩的屬性、性能特性是相對的。例如黃色在藍色、綠色這兩個區(qū)域環(huán)境下，黃色可以說這個時候是呈暖色，而出現(xiàn)在桔紅、朱紅、深紅這幾個區(qū)域環(huán)境下，黃色可以說在這個時候是呈冷色。同樣的，藍色相對綠色是冷色，紫色相對藍色是暖色等等?？筛鶕?jù)網(wǎng)頁設計主題的目的要求，環(huán)境協(xié)調度的需要等等做相應的搭配調整。 RGB三者的數(shù)值越接近，色階較趨于直線平穩(wěn)，呈灰階，網(wǎng)頁對視覺的刺激性越緩慢、柔和；RGB三者的數(shù)值相互間差距越大，色階曲線波動就大，網(wǎng)頁對視覺的刺激性越迅速、強烈。HSB數(shù)值中SB相應數(shù)值越高，視覺刺激度越強烈。抓住以上這些規(guī)律及色彩特性，在以后的網(wǎng)頁設計配色中，根據(jù)不同的需要配置不同的顏色，來達到某些不同的目的和效果。通過RGB數(shù)值和HSB數(shù)值的計算，能幫助更科學理性的分析判斷，為的是更準確的研究分析網(wǎng)頁設計配色的協(xié)調性、合理性、掌握其規(guī)律性。有經(jīng)驗的