2019-07-19 分類: 網(wǎng)站設(shè)計(jì)
色碼表英文為Color code table,是網(wǎng)站設(shè)計(jì)師在做設(shè)計(jì)時(shí),挑選顏色常常會(huì)用到的參考表,通常使用顏色有三種不同的寫法,分別是使用顏色的英文名稱、十六進(jìn)位色碼以及RGB、HSL、Hex...而網(wǎng)站設(shè)計(jì)師通常是使用的16進(jìn)位色碼比較多。
以下針對(duì)顏色先來做個(gè)基本介紹
三原色光模式(RGB color model),又稱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色彩是通過對(duì)H(hue)色相,S(saturation)飽和度,L(lightness)亮度。三個(gè)顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色的,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ù)值越大,色彩越亮,越接近于白色
在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)(#)開始,在接著后面帶6個(gè)數(shù)字來表示。
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)頁色彩概論
本文網(wǎng)址:http://muchs.cn/news/80124.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷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í)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容