CSS中的幾種顏色表示法,如hsla

2021-09-02 10:07:42 字數 445 閱讀 6345

平常相對熟悉的也就rgb色了,其他基本不清楚,即使是rgb也沒弄清楚他們的變化規律。所以有必要專門用一篇文本來記錄了。

[b]rgb[/b]

[b]hsla[/b]

hsl色彩模式是工業界的一種顏色標準,是通過對色調(h)、飽和度(s)、亮度(l)三個顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色的,hsl即是代表色調,飽和度,亮度三個通道的顏色,這個標準幾乎包括了人類視力所能感知的所有顏色,是目前運用最廣的顏色系統之一。hsla是在hsl的基礎上增加乙個透明度(a)的設定。

:hue(色調)。 0(或360)表示紅色,120表示綠色,240表示藍色,當然可取其他數值來確定其它顏色;

:saturation(飽和度)。 取值為0%到100%之間的值;

:lightness(亮度)。 取值為0%到100%之間的值;

:alpha(透明度)。 取值在0到1之間;

css顏色單位表示法

所有的顏色都可以由紅 綠 藍三原色調配而成。css中用8位表示乙個顏色,那麼可以有28即256種顏色,所以總共可以表示256256256種顏色。css縱有多種顏色表示 十六進製制表示法 可表示為 rrggbb,其中rr 紅色 gg 綠色 和bb 藍色 所有值必須介於0和ff之間。例如 0000ff值...

css之顏色表示法

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

CSS顏色表示法和顏色表

顏色表示法 color name 顏色的名稱 color red 直接用英文意思來寫,但是數量有限,不支援透明顏色 十六進製制方式 color 191d11 所有 開頭的都是16進製制 rgb 十進位制,十進位制,十進位制 表示方法 每個值的取值範圍是0 255,一共256個 rgba 十進位制,十...