常用配色基本概念及精相關彩實例剖析_網頁配色教程

2024-08-30 08:33:18

字體：大中小

來源：轉載

供稿：網友

在實用美術中，常有"遠看色彩近看花，先看顏色后看花，七分顏色三分花"的說法。

　　這也就說明，在任何設計中，色彩對視覺的刺激起到第一信息傳達的作用。因此，對色彩的基礎知識的良好掌控，在網頁設計中才能做到游刃有余。

　　前面我們介紹了常用的電腦色彩模式RGB、HSB，以及色彩的三大屬性，今天我們介紹常用配色的基本概念和相關實例剖析。

色環	色環是色彩按紅、黃、綠、藍、紅依次過度漸變呈現出來的不同顏色，就可以得到一個色彩環。色環通常包括12種不同的顏色。

三原色

■ 原色：
　　也叫"三原色"。即紅、黃、藍三種基本顏色。自然界中的色彩種類繁多，變化豐富，但這三種顏色卻是最基本的原色，原色是其他顏色調配不出來的。除白色外，把三原色相互混合，可以調和出其他種顏色。
　　根據三原色的特性做出相應的色彩搭配，有最迅速最有力最強烈的傳達視覺信息效果。

→ 黃色網頁例圖：http://www.uni-leipzig.de/studienart/i_flash.htm

　　黃色分析：
　　選取了主色調黃色為示例。我們看到RGB數值中RG呈現最高值255時，HSB數值中的SB也呈現最高值100%，頁面呈現最高純度亮度――純黃色。因此黃色在三原色中也是亮度最高的顏色。
　　結論：
　　HSB中SB呈現的數值越高，飽和度明度越高，頁面色彩強烈艷麗，由于黃色是亮度最高的顏色這一特性，也給人視覺產生強烈刺激的狀態，對視覺刺激是迅速的、警戒、醒目的效果，但不易于長時間觀看。

→ 紅色網頁例圖：http://www.doritos.com

　　紅色分析：
　　我們看到RGB中R的數值是227，混合了G30、B40，因此紅色的純度稍微降低，顏色稍偏深紅。HSB數值中S顯示的飽和度為87%，B為89%，因此顏色還是較為飽和明亮。
　　結論：
　　主色R227數值較高的時候，由于混合了G30、B40少許顏色，飽和度明度稍微降低，視覺刺激減弱，紅色特性顯得較沉穩。但由于紅色是最暖和最有視覺沖擊力的顏色特性，該網頁整體看來仍然厚重而熱烈的表達了主題。

→ 藍色網頁例圖：http://www.voxhon.com

　　藍色分析：
　　RGB數值中B藍色的數值是131與 R2、G83相混合，藍色的純度降低。結合HSB中數值H色相目前顯示的是203°，而三原色的純藍為240°來看，藍色的色相偏離較大，加上B為51%的明度，顏色偏暗，因此視覺沖擊力較弱。頁面沉穩、凝重。
結論：
　　當藍色色相偏離于三原色的純藍時，視覺沖擊力削弱。頁面呈沉穩、平靜的感受。藍色在三原色里是視覺傳遞速度最慢的顏色特性，適合用于表達成熟、穩重、安靜的網頁設計主題。藍色在網頁設計里也是使用得較頻繁的顏色。

上一篇：網頁設計推薦色標組圖_網頁配色教程

下一篇：策劃正確的配色方案(推薦)_網頁配色教程