網頁設計配色基礎 RGB與HSB

2021-09-01 14:00:47 字數 1310 閱讀 3895

[size=x-small][color=green]在實用美術中,常有"遠看色彩近看花,先看顏色後看花,七分顏色三分花"的說法。

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

為了使下面的網頁配色分析更易於理解,我們先來了解色彩的rgb模式和hsb模式。[/color][/size]

[size=small][color=red]■ rgb[/color][/size]

[size=x-small][color=green]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三種色光都發到最強的亮度,純白的rgb值就為255,255,255。螢幕上黑的rgb值是0,0,0。r,意味著只有紅色存在,且亮度最強,g和b都不發光。因此最紅色的數值是255,0,0。同理,最綠色就是0,255,0;而最藍色就是0,0,255。黃色較特殊,是由紅色加綠色而得就是255,255,0。[/color][/size]

[table]

|[img]

|純白色數值為r255,g255,b255|純黑色數值為r0,g0,b0|

|[img]

|紅色數值為r255,g0,b0|綠色數值為r0,g255,b0|

|[img]

|藍色數值為r0,g0,b255|黃色數值為r255,g255,b0|

[/table]

[size=x-small][color=green]rgb模式是顯示器的物理色彩模式。這就意味著無論在軟體中使用何種色彩模式,只要是在顯示器上顯示的,影象最終就是以rgb方式出現。[/color][/size]

[size=small][color=red]■ hsb[/color][/size]

[size=x-small][color=green]是顏色分為色相、飽和度、明度三個因素。英文為h(hue)、s(saturation)b(brightness)飽和度高色彩較艷麗。飽和度低色彩就接近灰色。亮度高色彩明亮,亮度低色彩暗淡,亮度最高得到純白,最低得到純黑。一般淺色的飽和度較低,亮度較高,而深色的飽和度高而亮度低。[/color][/size]

RGB與HSB之間轉換

先來了解一些概念 1.rgb是一種加色模型,就是將不同比例的red green blue混合在一起得到新顏色.通常rgb顏色模型表示為 2.hsb hsv 通過色相 飽和度 亮度三要素來表達顏色.用rgb來表示顏色雖然方便,但是兩個相近的顏色的rgb值卻可能相差十萬八千里。用hsv hue色相 sa...

網頁設計配色

網頁設計配色基礎 rgb與hsb 在實用美術中,常有 遠看色彩近看花,先看顏色後看花,七分顏色三分花 的說法。這也就說明,在任何設計中,色彩對視覺的刺激起到第一資訊傳達的作用。因此,對色彩的基礎知識的良好掌控,在網頁設計中才能做到游刃有餘。為了使下面的網頁配色分析更易於理解,我們先來了解色彩的rgb...

網頁設計配色 色彩的調和

網頁頁面中總是由具有某種內在聯絡的各種色彩,組成乙個完整統一的整體,形成畫面色彩總的趨向,稱為色調。也可以理解為色彩狀態。色彩給人的感覺與氛圍,是影響配色視覺效果的決定因素。兩種或兩種以上的色彩合理搭配,產生統一諧調的效果,稱為色彩調和。色彩調和是求得視覺統一,達到人們心理平衡的重要手段。調和就是統...