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前端的，或是轉行，或是大學生，還有工作中想提升自己能力的，正在學習的小伙伴歡迎加入。

點擊： 加入