色碼表英文為Color code table，是網(wǎng)站設(shè)計(jì)師在做設(shè)計(jì)時(shí)，挑選顏色常常會(huì)用到的參考表，通常使用顏色有三種不同的寫(xiě)法，分別是使用顏色的英文名稱(chēng)、十六進(jìn)位色碼以及RGB、HSL、Hex...而網(wǎng)站設(shè)計(jì)師通常是使用的16進(jìn)位色碼比較多。

以下針對(duì)顏色先來(lái)做個(gè)基本介紹

RGB

三原色光模式（RGB color model），又稱(chēng)RGB顏色模型或紅綠藍(lán)顏色模型，是一種加色模型，將紅（Red）、綠（Green）、藍(lán)（Blue）三原色的色光以不同的比例相加，以合成產(chǎn)生各種色彩光。

而網(wǎng)站主要使用的為sRGB，sRGB 色域較小，一般我們的電腦螢?zāi)粌H能顯示sRGB 色域，因此較適合用于網(wǎng)站設(shè)計(jì)，一般的電腦螢?zāi)?、軟體、相片沖印的預(yù)設(shè)狀態(tài)都是以sRGB為預(yù)設(shè)值。

每像素24位元

每像素24位元（bits per pixel，bpp）編碼的RGB值; RGB色彩在網(wǎng)站設(shè)計(jì)時(shí)的標(biāo)記方式是RGB(0~255 , 0~255, 0~255)，其中括弧內(nèi)以逗號(hào)分隔的三組數(shù)值恰好就是(R, G, B) 的色彩數(shù)值，所以數(shù)值會(huì)是0~255 共256個(gè)數(shù)值的這個(gè)區(qū)間

• (0, 0, 0)是黑色

• (255, 255, 255)是白色

• (255, 0, 0)是紅色

• (0, 255, 0)是綠色

• (0, 0, 255)是藍(lán)色

• (255, 255, 0)是黃色

HSL色彩( HSL color )

HSL色彩是通過(guò)對(duì)H（hue）色相，S（saturation）飽和度，L（lightness）亮度。三個(gè)顏色通道的變化以及它們相互之間的疊加來(lái)得到各式各樣的顏色的，HSL即是代表色相，飽和度，明度三個(gè)通道的顏色,取值范圍是0°～360°的圓心角，每個(gè)角度可以代表一種顏色。

H（hue）色相

360°/0°紅、60°黃、120°綠、180°青、240°藍(lán)、300°洋紅

S（saturation）飽和度

0%～100%的值描述了相同色相、明度下色彩純度的變化。數(shù)值越大，顏色中的灰色越少，顏色越鮮艷，呈現(xiàn)一種從理性（灰度）到感性（純色）的變化.

L（lightness）亮度

0%～100%的取值范圍。數(shù)值越小，色彩越暗，越接近于黑色；數(shù)值越大，色彩越亮，越接近于白色

網(wǎng)站16進(jìn)位色彩( hex color )

在HTML和CSS中使用3位元組共6個(gè)十六進(jìn)制數(shù)字表示一種顏色，每位元組從00到FF，相當(dāng)十進(jìn)位數(shù)字從0到255，按順序前兩位是紅色的值，中間兩位是綠色的值，最后兩位是藍(lán)色的值。16進(jìn)位碼的色彩標(biāo)示是由一個(gè)井號(hào)（＃）開(kāi)始，在接著后面帶6個(gè)數(shù)字來(lái)表示。

• 0 代表最低

• 8 代表中間

• 9 之后是 A

• F 代表高

FF為大數(shù)，代表十進(jìn)制255。比如白色是R、G、B三個(gè)顏色大，在網(wǎng)站代碼便是：#FFFFFF。黑色是三個(gè)顏色為0，在網(wǎng)站代碼便是：#000000。

使用范例:

#000000 -黑色-三組的兩個(gè)數(shù)字皆為 0

#FFFFFF-白色-三組的兩個(gè)數(shù)字皆為F

#FF0000-紅色-純粹紅色的高值，所以前兩個(gè)數(shù)字為F，因?yàn)椴话魏蔚乃{(lán)色與綠色，所以后兩組的兩個(gè)數(shù)字為0

#0000FF-藍(lán)色-純粹藍(lán)色的高值，所以后兩個(gè)數(shù)字為F，因?yàn)椴话魏蔚募t色與綠色，所以前兩組的兩個(gè)數(shù)字為0

#00FF00-綠色-純粹綠色的高值，所以中間兩個(gè)數(shù)字為F，因?yàn)椴话魏蔚募t色與藍(lán)色，所以前后兩組的兩個(gè)數(shù)字為0

#FFFF00-黃色-純紅色與純綠色的結(jié)合，所以前兩組的兩個(gè)數(shù)字為F

文章題目：網(wǎng)站設(shè)計(jì)的網(wǎng)頁(yè)色彩概論
URL標(biāo)題：http://m.rwnh.cn/news24/80124.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)