使用CSS3 HSL聲明同樣是用來設置顏色的。下一個呢？ HSLA？ 是的，這個和RGBA的效果是一樣的。

HSL聲明使用色調Hue(H)、飽和度Saturation(s)和亮度Lightness(L)來設置顏色。

    Hue衍生于色盤：0和360是紅色，接近120的是綠色，240是藍色。
    Saturation值是一個百分比：0%是灰度，100%飽和度最高
    Lightness值也是一個百分比：0%是最暗，50%均值，100%最亮。

隨想：為什么是”ligntness”呢？或許我更習慣Photoshop中的”Brightness”呢……

瀏覽器兼容性：

目前HSL和HSLA被Firefox、Google Chrome、和Safari瀏覽器較好的支持，而且不需要任何前綴
CSS3 HSL

上面的演示由以下樣式實現

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表