在制作頁(yè)面的時(shí)候我們經(jīng)常需要設(shè)置字體顏色或者背景顏色，豐富多彩的顏色能夠讓頁(yè)面呈現(xiàn)更好的效果，在網(wǎng)站中用到顏色的地方也很多，文字顏色，背景顏色，邊框顏色等都需要用到。
祁陽(yáng)ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)的ssl證書(shū)銷(xiāo)售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書(shū)合作）期待與您的合作！
在css中表示顏色的方法主要有以下幾種。
1. 關(guān)鍵字顏色
屬性值是顏色的名稱。
例如：
div{
color:red;
}
2. 十六進(jìn)制
十六進(jìn)制表示顏色的原理是利用光的三原色：紅色，綠色，藍(lán)色。利用這三種顏色就能組合出很多顏色，比如紅色光和綠色光就可以組合成黃色，三種顏色的光可以組成白色，沒(méi)有光的時(shí)候就是黑色。
下圖為光色三原色：
請(qǐng)點(diǎn)擊輸入圖片描述
十六進(jìn)制顏色是由#加六位的十六進(jìn)制表示的，范圍是00到ff，前兩位表示紅色，中間兩位表示綠色，最后兩位表示藍(lán)色。
例如：
#ff0000表示紅色，這個(gè)色值包含最大數(shù)量的紅色，但是沒(méi)有綠色和藍(lán)色，所以是紅色。
#00ff00表示綠色，這個(gè)色值包含最大數(shù)量的綠色，但是沒(méi)有紅色和藍(lán)色，所以是綠色。
#0000ff表示藍(lán)色，這個(gè)色值包含最大數(shù)量的藍(lán)色，但是沒(méi)有紅色和藍(lán)色，所以是藍(lán)色。
#000000表示黑色，這個(gè)色值沒(méi)有顏色，表示沒(méi)有光，所以是黑色。
#ffffff表示白色，這個(gè)色值包含最大數(shù)量的紅色綠色和藍(lán)色，組合到一起是白色。
十六進(jìn)制的00到ff，是十進(jìn)制的0到255，因此每種顏色都有256種取值，能夠組合出來(lái)的顏色就是：256*256*256=16777216，這么多種色值足夠可以讓我們的頁(yè)面變的豐富多彩。
這里的三原色為什么是紅色、綠色、藍(lán)色，而和我們學(xué)美術(shù)的時(shí)候的紅色、黃色、藍(lán)色不一樣呢?因?yàn)閷W(xué)美術(shù)的時(shí)候用的是顏料的三原色，顏料的三原色利用的是光的反射原理。
3. RGB
RGB表示顏色的方式原理和十六進(jìn)制是一樣的，是利用光的三原色：紅色，綠色，藍(lán)色。
R表示red，紅色。
G表示green，綠色。
B表示blue，藍(lán)色。
取值從0到255，也可以是百分?jǐn)?shù)。
rgb(red, green, blue)
例如：
rgb(255,0,0)或者rgb(100%,0,0)表示紅色，
rgb(0,255,0)或者rgb(0,100%,0)表示綠色，
rgb(0,0,255)或者rgb(0,0,100%)表示藍(lán)色，
rgb(0,0,0)或者rgb(0,,0,0)表示黑色，
rgb(255,255,255)或者rgb(100%100%,100%)表示白色，
4. HSL
HSL表示顏色的方法是通過(guò)色相，飽和度和亮度表示的。其中H是Hue色相，S是Saturation飽和度，L是Lightness亮度。
下圖為HSL顏色模式：
請(qǐng)點(diǎn)擊輸入圖片描述
H：色相。就是顏色名稱。取值為是0到360。
S：飽和度。是色彩的純度，取值是0%到100%。
L：亮度。取值為是0%到100%。
hsl(hue, saturation, lightness)
例如：
div{
width:?100px;
height:?100px;
background:?hsl(100,?80%,?50%);
}
5. RGBA
RGBA顏色表示形式只是比RGB多了一個(gè)A。A表示Alpha透明度。取值是0到1.
rgba(red, green, blue, alpha)
例如：
div{
width:?100px;
height:?100px;
background:?rgba(255,?0,?0,?0.5);
}
效果圖：
6. HSLA
HSLA顏色表示形式只是比HSL多了一個(gè)A。A表示Alpha透明度。取值是0到1.
hsla(hue, saturation, lightness, alpha)
例如：
div{
width:?100px;
height:?100px;
background:hsla(100,?80%,?50%,0.8);
}
CSS中的字體顏色有兩種表示方式，分別是：
1，顏色名,比如：color:white；
2，RGB，比如color:rgb(255,255,255);
3,16進(jìn)制,比如color:#fff;
除第一種表示很有限之外，后面兩種可以改變不同的數(shù)值來(lái)表示不同的顏色。親可以百度一下“顏色對(duì)照表”查看常用的顏色不同方式的表示方法。
1.命名顏色
H1 {color:gray;}
如aqua(水綠) gray(灰) navy(深藍(lán)) silver(銀) purple(紫)等
2.RGB顏色
有四種訪求可以定義RGB顏色:
a.使用百分比 H1 {color:rgb(100%,100%,100%);}
百分比值大于100%就認(rèn)為100%,對(duì)于負(fù)數(shù)都將被修剪成0%
b.數(shù)字顏色
數(shù)字范圍為0~255
H1 {color:rgb(0,125,246);}
在0~255之外的值會(huì)被修剪
注：百分比可以有小數(shù)，但數(shù)字不能有小數(shù)。
c.十六進(jìn)制顏色
范圍00~ff
H1 {color:#cccccc;}
如常用顏色的十六進(jìn)制表示如下:
紅色 #ff0000 橙色 #ff6600 黃色 #ffff00 綠色 #00ff00
藍(lán)色 #0000ff 靛藍(lán)色 #3300ff 紫羅蘭色#cc00ff 中灰色 #808080
深灰色 #333333 棕褐色 #ffcc99 金黃色 #ffcc00 紫色 #ff00ff
d.短十六進(jìn)制顏色
范圍0~f
H1 {color:#fff;}
瀏覽器會(huì)對(duì)每一位進(jìn)行復(fù)制，這種方法與c種方法一樣。
十六進(jìn)制不像十進(jìn)制方法，它沒(méi)有定義修剪的方法。如果輸入了無(wú)效數(shù)值，那么瀏覽器的動(dòng)作將不可預(yù)測(cè)。
3.網(wǎng)絡(luò)安全色
網(wǎng)絡(luò)安全色指所有的RGB顏色值為20%或51的倍數(shù)的那些顏色，十六進(jìn)制為33。0%,0也是安全值.
css中font字體的設(shè)置方法如下：
1.在css頁(yè)面中，設(shè)置字體的顏色通過(guò)下面的代碼：
2.字體的color值，一般都是使用#加16進(jìn)制的顏色值來(lái)表示。也有一些編譯器支持直接使用顏色的英文單詞來(lái)表示。如下圖：
3.color是顏色的意思，color用來(lái)設(shè)置一個(gè)標(biāo)簽的前景色，表現(xiàn)出來(lái)也就是元素文本的顏色。css還可以設(shè)置字體的其他屬性，如font-familay可以設(shè)置字體的類型，font-size可以設(shè)置字體的大小等。
擴(kuò)展資料：
CSS 能夠?qū)W(wǎng)頁(yè)中元素位置的排版進(jìn)行像素級(jí)精確控制，支持幾乎所有的字體字號(hào)樣式，擁有對(duì)網(wǎng)頁(yè)對(duì)象和模型樣式編輯的能力。
參考資料：CSS-百度百科
在我們的顯示屏中，一個(gè)像素點(diǎn)由三原色構(gòu)成，分別為：紅、綠、藍(lán)。然而在計(jì)算機(jī)中使用0-255來(lái)表示某個(gè)原色的不同程度，在二進(jìn)制中，可以使用八位二進(jìn)制（00000000-11111111）進(jìn)行表示。在十六進(jìn)制中用（ 00-ff ）表示。那么紅色（0-255），綠色（0-255），藍(lán)色（0-255）三原色組成的顏色就有256*256*256種，組成了屏幕中五彩繽紛的畫(huà)面。
由此就可以衍生出顏色的表示方式：
加入透明度：
使用色相表示（hsl）：
這是一種將所有顏色對(duì)應(yīng)成一個(gè)圓，一個(gè)角度代表一種顏色，所以取值范圍為0-360，但是它還包括了飽和度和亮度。
h:0-360,色相
s:0-100%，飽和度
l:0-100%，亮度
例如：hsl(0, 50%, 50%);
常用的方式有幾種，
1、比如用英文，紅色red，藍(lán)色blue等
2、還能用顏色值，比如紅色是#ff0000，你可以在顏色對(duì)照表中查到，也可以用ps拾色器選取
3、用rgb數(shù)值，比如紅色是rgb(255,0,0)，如果是rgba（255,0,0,0），最后一個(gè)數(shù)字是透明度
重慶分公司
重慶分公司
