css常用的顏色單位表示法
阿新 • • 發佈:2020-07-19
所有的顏色都可以由紅、綠、藍三原色調配而成。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>
攝圖網https://www.wode007.com/sites/73204.html
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>
css預定義顏色
css預定了一些常用的顏色。例如red、black。