css系列之顏色的多種表示方式

2021-08-19 23:15:39 字數 839 閱讀 7022

css的顏色有以下幾種表現形式:

1、八進位制和十六進製制

所有主要瀏覽器都支援八進位制和十六進製制顏色值,如#rrggbb和rgb(八進位制),所有值必須介於0和ff之間。八進位制可以看作十六進製制的簡寫,但是只能是雙重字母的十六進製制。

2、rgb和rgba

rgb顏色值在所有主要瀏覽器都支援。

rgb顏色值指定:rgb(紅,綠,藍)。每個引數(紅色,綠色和藍色)定義顏色的亮度,可在0和255之間,或乙個百分比值(從0%到100%)之間的整數。

rgba顏色值是rgb顏色值alpha通道的延伸 - 指定物件的透明度。

alpha引數是乙個介於0.0(完全透明)和1.0(完全不透明)之間的引數。

如rgb(255,10,320);rgba(255,10,320, 0.5)

3、hsl和hsla

ie9, firefox, chrome, safari,和opera 10+.支援hsl顏色值。

hsl代表色相,飽和度和亮度 - 使用色彩圓柱座標表示。

hsl顏色值指定:hsl(色調,飽和度,明度)。

色相是在色輪上的程度(從0到360)-0(或360)是紅色的,120是綠色的,240是藍色的。飽和度是乙個百分比值;0%意味著灰色和100%的陰影,是全彩。亮度也是乙個百分點;0%是黑色的,100%是白色的。

hsla顏色值:hsla(色調,飽和度,亮度,α),α是alpha引數定義的不透明度。 alpha引數是乙個介於0.0(完全透明)和1.0(完全不透明)之間的引數。

4、預定義/跨瀏覽器的顏色名稱

147是在html和css顏色規範預定義的顏色名稱,147顏色名稱定義在html和css的顏色規格(17個標準色加上130多個其他)。

css之顏色表示法

css之顏色表示法 所有瀏覽器都支援十六進製制顏色值。十六進製制顏色是這樣規定的 rrggbb,其中的 rr 紅色 gg 綠色 bb 藍色 十六進製制整數規定了顏色的成分。所有值必須介於 0 與 ff 之間。舉例說,0000ff 值顯示為藍色,這是因為藍色成分被設定為最高值 ff 而其他成分被設定為...

CSS顏色的表示

這個比較簡單,通過查手冊就可以,但是不推薦,因為不靈活。rgb值是三個值,三個值分別表示red,green,blue三個顏色的亮度,三個值的範圍都是0 255。例如 rgb 255,255,255 例如 rgb 100 100 100 這種表示會通過計算,然後轉換成對應的數值rgb值 6位16進製制...

CSS中的多種居中方式

css居中一直是我想要整理記錄的,拖了很久,今天就順便整理一下 是我目前使用最多的一種方式,flex布局也是現在最方便的一種布局,廣泛用於pc端和移動端 containergrid布局是一種比flex更加強大的布局,但是目前兼用性並不好,我使用的並不多,但也能實現居中 container傳統中比較新...