css顏色單位表示法

所有的顏色都可以由紅、綠、藍三原色調配而成。 CSS中用8位表示一個顏色，那麼可以有28即256種顏色，所以總共可以表示256 256 256種顏色。CSS縱有多種顏色表示：

十六進位制表示法：

可表示為：#RRGGBB，其中RR（紅色），GG（綠色）和BB（藍色）。所有值必須介於0和FF之間。

例如：＃0000FF值呈現為藍色，因為藍色的組成設定為最高值（FF）而其他設定為0。也可表示為：#RGB，值也必須為0到f之間，例如：#00f表示為藍色。

<p style="color: #ff0000">十六進位制顏色</p>

rgb表示法：

表示法為：RGB（紅，綠，藍）。每個引數（紅色，綠色和藍色）定義顏色的亮度，可在0和255之間，或一個百分比值（從0％到100％）之間的整數。

例如：rgb(0,0,255)，表示為藍色，值越高，顏色混合佔比越多。 rgba表示法：表示法為：RGBA（紅，綠，藍，alpha）。 Alpha引數是一個介於0.0（完全透明）和1.0（完全不透明）之間的引數。

<p style="color: RGB(256,0,0)">RGB顏色</p>

RGBA（Alpha）表示法：

在RGB的基礎上增加了透明度分量，該分量的取值為0~1.0之間變化

<p style="color: RGBA(256,0,0,0.1)">RGB顏色</p>

hsl色相表示法：

表示法為：HSL（色調，飽和度，明度）。色相是在色輪上的程度（從0到360）-0（或360）是紅色的，120是綠色的，240是藍色的。飽和度是一個百分比值;0％意味著灰色和100％的陰影，是全綵。亮度也是一個百分點;0％是黑色的，100％是白色的。

<p style="color: HSL(120,50%,50%)">HSL</p>

hsla色相表示法：

表示法為：HSLA（色調，飽和度，亮度，α），α是Alpha引數定義的不透明度。 Alpha引數是一個介於0.0（完全透明）和1.0（完全不透明）之間的引數。

<p style="color: HSLA(120,50%,50%,0.1)">HSLA</p>

這裡推薦一下我的前端學習交流群：731771211，裡面都是學習前端的，如果你想製作酷炫的網頁，想學習程式設計。從最基礎的HTML+CSS+JS【炫酷特效，遊戲，外掛封裝，設計模式】到移動端HTML5的專案實戰的學習資料都有整理，送給每一位前端小夥伴，有想學習web前端的，或是轉行，或是大學生，還有工作中想提升自己能力的，正在學習的小夥伴歡迎加入。

點選： 加入

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/69901074/viewspace-2305581/，如需轉載，請註明出處，否則將追究法律責任。