1. 程式人生 > >關於css的顏色

關於css的顏色

alpha 直觀 png 形式 不同的 顯示 灰度 -s 功能

顏色是通過對紅、綠和藍光的組合來顯示的。

從 0 到 255 種紅綠藍值能夠組合出總共超過一千六百萬種不同的顏色(根據 256 x 256 x 256 計算)。

大多數現代的顯示器都能顯示出至少 16384 種不同的顏色。

可以使用十六進制和功能符號根據紅色,綠色和藍色分量(RGB模型)定義顏色。可選的alpha組件表示透明度。

十六進制:所有瀏覽器都支持十六進制顏色值。

rgb:十六進制顏色是這樣規定的:#RRGGBB,其中的 RR(紅色)、GG(綠色)、BB(藍色)十六進制整數規定了顏色的成分。所有值必須介於 0 與 FF 之間。

rgba: 十六進制表示法: #RRGGBB[AA]R(紅色),G

(綠色),B(藍色)和A(alpha)是十六進制字符(0-9,AF)。A是可選的。例如,#ff0000相當於#ff0000ff。十六進制表示法: #RGB[A]R(紅色),G(綠色),B(藍色)和A(alpha)是十六進制字符(0-9,AF)。A是可選的。三位數表示法(#RGB)是六位數形式(#RRGGBB)的較短版本。例如,#f09顏色與#ff0099。同樣,四位RGB表示法(#RGBA)是八位數形式(#RRGGBBAA)的較短版本。例如,#0f38顏色與#00ff3388

hsl:顏色也可以使用 hsl() 函數符被定義為色相-飽和度-明度(Hue-saturation-lightness)模式。HSL 相比 RGB 的優點是更加直觀:你可以估算你想要的顏色,然後微調。它也更易於創建相稱的顏色集合。(通過保持相同的色相並改變明度/暗度和飽和度)。

飽和度和明度由百分數來表示。
100% 是滿飽和度,而 0% 是一種灰度。
100% 明度是白色, 0% 明度是黑色,而 50% 明度是“一般的”。

技術分享圖片

關於css的顏色