CSS3 顏色屬性


關鍵字顏色          red

十六進制顏色         #FF0000

RGB顏色            rgb(255,0,0)

 

新增的顏色表示方法

RGBa:

  RGB代表光的三原色,Red、Green和Blue

  CSS3中可以增加一個值a(alpha),表示顏色的透明度

  Background-color:rgba(0,0,0,0.35);

                取值范圍0-1之間,0代表完全透明,1代表完全不透明

 

HSL:

  H(hue),表示色相

    用一個色環表示不同的顏色

    取值范圍是0-360

    0和360是紅色

    30是橙色

    180表示綠色

    240表示藍色等等

 

 

 

 S(staturation),表示飽和度

    表示色彩的鮮艷成都

    取值范圍從0%-100%

    飽和度越高,顏色越鮮艷

    完全不飽和的顏色沒有色相

 L(lightness),表示亮度

    控制色彩明暗變化

    取值范圍0%-100%

    數值越小,色彩越暗,越接近於黑色

    數值越大,色彩越亮,越接近於白色

實例:

  Background-color:hsl(30,100%,50%);

 

HSLa和RGBa是一樣的

 

 

 

 

 

 

 

 

 

  

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM