網(wǎng)頁(yè)設(shè)計(jì)配色基礎(chǔ):RGB與HSB_Web標(biāo)準(zhǔn)教程
在實(shí)用美術(shù)中,常有"遠(yuǎn)看色彩近看花,先看顏色后看花,七分顏色三分花"的說(shuō)法。
這也就說(shuō)明,在任何設(shè)計(jì)中,色彩對(duì)視覺(jué)的刺激起到第一信息傳達(dá)的作用。因此,對(duì)色彩的基礎(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三種色光都發(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
是顏色分為色相、飽和度、明度三個(gè)因素。英文為H(Hue)、S(Saturation)B(Brightness)飽和度高色彩較艷麗。飽和度低色彩就接近灰色。亮度高色彩明亮,亮度低色彩暗淡,亮度最高得到純白,最低得到純黑。一般淺色的飽和度較低,亮度較高,而深色的飽和度高而亮度低。
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個(gè)WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類(lèi)型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對(duì)SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語(yǔ):開(kāi)始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- XHTML與CSS的面向?qū)ο缶幊?/a>
- CSS開(kāi)發(fā):合理的編碼與組織技巧
- CSSer新手寄語(yǔ):開(kāi)始標(biāo)準(zhǔn)之路
- 關(guān)于網(wǎng)頁(yè)設(shè)計(jì)制作中設(shè)計(jì)師的框架
- 玩轉(zhuǎn)Dreamweaver速記CSS屬性
- 從GMail來(lái)看W3C網(wǎng)頁(yè)標(biāo)準(zhǔn)和Ajax
- 在頁(yè)面中動(dòng)態(tài)載入外部javascript
- 使用CSS和字體控制屬性建立優(yōu)秀網(wǎng)站
- 控制網(wǎng)頁(yè)文件大小通過(guò)精簡(jiǎn)CSS實(shí)現(xiàn)
- WEB2.0標(biāo)準(zhǔn)教程:第一天 選擇什么樣的DOCTYPE
猜你也喜歡看這些
- IE中怎么會(huì)出現(xiàn)雙倍邊距?
- Web頁(yè)面優(yōu)化減小頁(yè)面對(duì)內(nèi)存及CPU的占用
- IE6、IE7絕對(duì)定位與鏈接問(wèn)題研究
- 區(qū)分IE6,IE7和firefox的CSS hack
- Web標(biāo)準(zhǔn)網(wǎng)站需要考慮的瀏覽器兼容底線
- JS的IE和FF兼容性問(wèn)題的匯總小結(jié)
- 關(guān)于DIVCSS浮動(dòng)float的兼容
- 用!important解決IE和Mozilla的布局差別
- CSS的BUG:IE6中一個(gè)奇怪的現(xiàn)象!
- CSS布局實(shí)例:上中下三行,中間自適應(yīng)
- 相關(guān)鏈接:
- 教程說(shuō)明:
Web標(biāo)準(zhǔn)教程-網(wǎng)頁(yè)設(shè)計(jì)配色基礎(chǔ):RGB與HSB
。