<output id="jbxdv"></output>

      1. 認識RGB與HSB

        • 2020-01-16 10:26:24
        • 閱讀次數:
        • 作者:盈嵐科技小編
        • 來源:http://www.freenetsites.com

        在實用美術中,常有“遠看色彩近看花,先看顏色后看花,七分顏色三分花”的說法。這說明在任何設計中,色彩對視覺的刺激起到第一信息傳達的作用。因此,掌握好色彩的基礎知識,在網頁設計中才能做到游刃有余。為了使下面的網頁配色分析更易于理解,先來了解色彩的RGB模式和HSB模式。   

        ?RGB

        RGB表示紅色、綠色、藍色,又稱為三原色光,英文為R(Red)、G(Green)、B(Blue),在電腦中,RGB的所謂“多少”就是指亮度,并使用整數來表示。

        通常情況下,RGB各有256級亮度,用數字表示為從0、1、2至255。雖然數字最高是255,但0也是數值之一,因此共256級。按照計算,256級的RGB色彩總共能組合出約1678萬種色彩,即256×256×256=16777216。通常也被簡稱為1600萬色或千萬色,也稱為24位色(2的24次方)。

        對于單獨的R或G或B而言,當數值為0時,代表這種顏色不發光;如果為255,則該顏色為最高亮度。因此當RGB 3種色光都發到最強的亮度,純白的RGB值就為255,255,255。屏幕上黑的RGB值是0,0,0。R,意味著只有紅色存在,且亮度最強,G和B都不發光。因此最紅色的數值是255,0,0。同理,最綠色就是0,255,0;而最藍色就是0,0,255。黃色較特殊,是由紅色加綠色而得,就是255,255,0。

        RGB模式是顯示器的物理色彩模式。這就意味著無論在軟件中使用何種色彩模式,只要是在顯示器上顯示的,圖像最終就是以RGB方式出現。   

        ?HSB

        顏色分為色相、飽和度、明度3個因素。英文為H(Hue)、S(Saturation)、B(Brightness),飽和度高色彩較艷麗,飽和度低色彩就接近灰色。

        亮度高色彩明亮,亮度低色彩暗淡,亮度最高得到純白,最低得到純黑。一般淺色的飽和度較低,亮度較高,而深色的飽和度高而亮度低。

        網頁色調搭配

        在網頁頁面中總是由具有某種內在聯系的各種色彩,組成一個完整統一的整體,形成畫面色彩總的趨向,稱為色調。也可以理解為色彩狀態。色彩給人的感覺與氛圍,是影響配色視覺效果的決定因素。為了使設計網頁時網頁的整體畫面呈現穩定協調的感覺,以便充分地掌握其規律來更好地分析學習,我們把視覺角色主次位置分為如下幾個概念,以便在網頁設計配色時更容易操縱主動權。   

        ?主色調

        頁面色彩的主要色調、總趨勢、其他配色不能超過該主要色調的視覺面積。背景白色不一定根據視覺面積決定,可以根據頁面的感覺需要而定。   

        ?輔色調

        僅次于主色調的視覺面積的輔助色,是烘托主色調、支持主色調、起到融合主色調效果的輔助色調。   

        ?點睛色

        在小范圍內點上強烈的顏色來突出主題效果,使頁面更加鮮明生動。   

        ?背景色

        襯托環抱整體的色調,協調、支配整體的作用。一個頁面的色彩角色主要是根據其面積多少來區別主次關系、達到最終目的的。

        當不同的顏色使用的面積相當,這個頁面容易呈現枯燥單調之感,而沒有局部細節的變化。當一個頁面在網頁設計時使用的顏色過多、面積大小用得過于瑣碎,這個頁面容易呈現花哨、主次不分沒有整體的感覺。

        網頁設計配色時,應根據主題內容主次需要,各顏色有其各自的功能角色:面積使用最多的、最少的、不多不少的,加上冷暖的適度安排,純度明度的合理變化,遵循這條原則,網頁配色定能得心應手。

        當前文章標題:認識RGB與HSB

        當前URL:http://www.freenetsites.com/news/wzzz/3158.html

        上一篇:網頁色彩基礎

        下一篇:網頁色彩對比(一)

        網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
        国产成人亚洲综合无码
        <output id="jbxdv"></output>