認(rèn)識(shí)RGB與HSB

  • 2020-01-16 10:26:24
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來(lái)源:http://www.kigisgallery.com

在實(shí)用美術(shù)中,常有“遠(yuǎn)看色彩近看花,先看顏色后看花,七分顏色三分花”的說(shuō)法。這說(shuō)明在任何設(shè)計(jì)中,色彩對(duì)視覺(jué)的刺激起到第一信息傳達(dá)的作用。因此,掌握好色彩的基礎(chǔ)知識(shí),在網(wǎng)頁(yè)設(shè)計(jì)中才能做到游刃有余。為了使下面的網(wǎng)頁(yè)配色分析更易于理解,先來(lái)了解色彩的RGB模式和HSB模式。   

?RGB

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

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

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

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

?HSB

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

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

網(wǎng)頁(yè)色調(diào)搭配

在網(wǎng)頁(yè)頁(yè)面中總是由具有某種內(nèi)在聯(lián)系的各種色彩,組成一個(gè)完整統(tǒng)一的整體,形成畫(huà)面色彩總的趨向,稱(chēng)為色調(diào)。也可以理解為色彩狀態(tài)。色彩給人的感覺(jué)與氛圍,是影響配色視覺(jué)效果的決定因素。為了使設(shè)計(jì)網(wǎng)頁(yè)時(shí)網(wǎng)頁(yè)的整體畫(huà)面呈現(xiàn)穩(wěn)定協(xié)調(diào)的感覺(jué),以便充分地掌握其規(guī)律來(lái)更好地分析學(xué)習(xí),我們把視覺(jué)角色主次位置分為如下幾個(gè)概念,以便在網(wǎng)頁(yè)設(shè)計(jì)配色時(shí)更容易操縱主動(dòng)權(quán)。   

?主色調(diào)

頁(yè)面色彩的主要色調(diào)、總趨勢(shì)、其他配色不能超過(guò)該主要色調(diào)的視覺(jué)面積。背景白色不一定根據(jù)視覺(jué)面積決定,可以根據(jù)頁(yè)面的感覺(jué)需要而定。   

?輔色調(diào)

僅次于主色調(diào)的視覺(jué)面積的輔助色,是烘托主色調(diào)、支持主色調(diào)、起到融合主色調(diào)效果的輔助色調(diào)。   

?點(diǎn)睛色

在小范圍內(nèi)點(diǎn)上強(qiáng)烈的顏色來(lái)突出主題效果,使頁(yè)面更加鮮明生動(dòng)。   

?背景色

襯托環(huán)抱整體的色調(diào),協(xié)調(diào)、支配整體的作用。一個(gè)頁(yè)面的色彩角色主要是根據(jù)其面積多少來(lái)區(qū)別主次關(guān)系、達(dá)到最終目的的。

當(dāng)不同的顏色使用的面積相當(dāng),這個(gè)頁(yè)面容易呈現(xiàn)枯燥單調(diào)之感,而沒(méi)有局部細(xì)節(jié)的變化。當(dāng)一個(gè)頁(yè)面在網(wǎng)頁(yè)設(shè)計(jì)時(shí)使用的顏色過(guò)多、面積大小用得過(guò)于瑣碎,這個(gè)頁(yè)面容易呈現(xiàn)花哨、主次不分沒(méi)有整體的感覺(jué)。

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

當(dāng)前文章標(biāo)題:認(rèn)識(shí)RGB與HSB

當(dāng)前URL:http://www.kigisgallery.com/news/wzzz/3158.html

上一篇:網(wǎng)頁(yè)色彩基礎(chǔ)

下一篇:網(wǎng)頁(yè)色彩對(duì)比(一)

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷(xiāo)咨詢(xún)專(zhuān)線(xiàn):181-8386-5875(點(diǎn)擊可一鍵撥號(hào))