建站常識
網(wǎng)頁設(shè)計配色基礎(chǔ):RGB與HSB
2006-08-21 14:02:00
在實用美術(shù)中,常有"遠(yuǎn)看色彩近看花,先看顏色后看花,七分顏色三分花"的說法。
這也就說明,在任何設(shè)計中,色彩對視覺的刺激起到第一信息傳達(dá)的作用。因此,對色彩的基礎(chǔ)知識的良好掌控,在網(wǎng)頁設(shè)計中才能做到游刃有余。
為了使下面的網(wǎng)頁配色分析更易于理解,我們先來了解色彩的RGB模式和HSB模式。
■ RGB
RGB是表示紅色綠色藍(lán)色又稱為三原色光,英文為R(Red)、G(Green)、B(Blue),在電腦中,RGB的所謂"多少"就是指亮度,并使用整數(shù)來表示。
通常情況下,RGB各有256級亮度,用數(shù)字表示為從0、1、2至255。雖然數(shù)字最高是255,但0也是數(shù)值之一,因此共256級。按照計算,256級的RGB色彩總共能組合出約1678萬種色彩,即256×256×256=16777216。通常也被簡稱為1600萬色或千萬色。也稱為24位色(2的24次方)。
對于單獨(dú)的R或G或B而言,當(dāng)數(shù)值為0時,代表這種顏色不發(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。(詳細(xì)分析請參考趙鵬所寫的《電腦美術(shù)設(shè)計中的色彩模式詳解》)
純白色數(shù)值為R255,G255,B255 | 純黑色數(shù)值為R0,G0,B0 |
紅色數(shù)值為R255,G0,B0 | 綠色數(shù)值為R0,G255,B0 |
藍(lán)色數(shù)值為R0,G0,B255 | 藍(lán)色數(shù)值為R255,G255,B0 |
RGB模式是顯示器的物理色彩模式。這就意味著無論在軟件中使用何種色彩模式,只要是在顯示器上顯示的,圖像最終就是以RGB方式出現(xiàn)。
■ HSB
是顏色分為色相、飽和度、明度三個因素。英文為H(Hue)、S(Saturation)B(Brightness)飽和度高色彩較艷麗。飽和度低色彩就接近灰色。亮度高色彩明亮,亮度低色彩暗淡,亮度最高得到純白,最低得到純黑。一般淺色的飽和度較低,亮度較高,而深色的飽和度高而亮度低。
下一節(jié)我們講講色彩三屬性以及一些網(wǎng)頁配色實例。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2006-06-30 09:02:00] 如何引導(dǎo)自已成為一名網(wǎng)頁視覺設(shè)計師
- [2016-07-22 10:08:02] 外鏈建設(shè),務(wù)必抓住行之有效的1%
- [2010-06-10 16:12:00] 數(shù)據(jù)研究在交互設(shè)計中的應(yīng)用
- [2010-06-25 08:10:00] 信息構(gòu)架的若干原則 (第二部分)
- [2007-12-20 11:08:00] 網(wǎng)站項目開發(fā)中的新工種—內(nèi)容設(shè)計師(一)
- [2007-04-11 09:04:00] 關(guān)于中英文正文字體比較
- [2009-07-13 08:08:00] 和“登錄”有關(guān)的事兒
- [2006-10-31 22:07:00] Web2.0新理念和技術(shù)下的SEO
- [2019-05-21 09:04:30] 如何在網(wǎng)站中使用字體
- [2007-10-24 16:27:00] 設(shè)計師決勝商界的十大金科玉律
- [2011-10-31 10:09:42] TechCrunch Disrupt的歷史現(xiàn)狀與案例(組圖)
- [2006-09-01 10:09:00] 如何控制網(wǎng)頁框架頁內(nèi)中鏈接的目標(biāo)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團(tuán)公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運(yùn)動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
交互設(shè)計 高端輪胎網(wǎng)站設(shè)計 企業(yè)網(wǎng)站為什么要備案 高端網(wǎng)站設(shè)計 網(wǎng)站設(shè)計 網(wǎng)站規(guī)劃 插畫 網(wǎng)站設(shè)計趨勢 網(wǎng)站優(yōu)化 微官網(wǎng)帶來的好處 青島網(wǎng)站制作 網(wǎng)站視覺 SEO優(yōu)化 企業(yè)網(wǎng)站 青島網(wǎng)站優(yōu)化 青島網(wǎng)站建設(shè) 營銷型網(wǎng)站 響應(yīng)式設(shè)計 頁面設(shè)計 扁平化設(shè)計 網(wǎng)站品牌 青島不錯的英文網(wǎng)站建設(shè)公司 網(wǎng)站策劃 企業(yè)建站 青島好的網(wǎng)站優(yōu)化公司 青島黃島、紅島網(wǎng)站建設(shè)公司 青島網(wǎng)站建設(shè)公司哪家好 互聯(lián)網(wǎng) 中小型企業(yè)網(wǎng)站建設(shè) 圖形網(wǎng)格