CSS的六種顏色模式


1.關鍵字

CSS顏色關鍵字包括命名顏色、transparent、currentColor屬性值

  CSS支持17種合法命名顏色(標准顏色):aqua fuchsia lime olive red white black gray maroon orange silver yellow blue green navy purple teal

  color: transparent用來表示文本的顏色純透明,可以近似認為是rgba(0,0,0,0)

  currentColor顧名思義指當前顏色,准確來講指當前的文字顏色

2.16進制

16進制是設置顏色值的常用方式,將三個介於00-FF的十六進制數連接起來,若16進制的3組數各自成對,則可簡寫為3位

web安全顏色是指在256色計算機系統上總能避免抖動的顏色,表示為RGB值20%和51(相應的16進制值為33)的倍數。因此,采用16進制時,使用00\33\66\99\cc\ff認為是Web安全色,一共6*6*6=216種

3.RGB模式

通過組合不同的紅色、綠色、藍色分量創造出的顏色成為RGB模式的顏色。顯示器是由一個個像素構成,利用電子束來表現色彩。像素把光的三原色:紅色(R)、綠色(G)、藍色(B)組合起來。每像素包含8位元色彩的信息量,有0-255的256個單元,其中0是完全無光狀態,255是最亮狀態

4.RGBA模式

rgba模式是在RGB基礎上增加了alpha通道,用來設置顏色的透明度,其中這個通道值的范圍是0-1。0代表完全透明,1代表完全不透明

5.HSL模式

HSL模式是通過對色調(H)、飽和度(S)、亮度(L)三個顏色通道的變化以及它們相互的疊加得到各式各樣的顏色。HSL標准幾乎可以包括人類視力所能感知的所有顏色

      h:色調(hue)可以為任意整數。0(或360或-360)表示紅色,60表示黃色,120表示綠色,180表示青色,240表示藍色,300表示洋紅(當h值大於360時,實際的值等於該值模360后的值)

    s:飽和度(saturation),就是指顏色的深淺度和鮮艷程度。取0-100%范圍的值,其中0表示灰度(沒有該顏色),100%表示飽和度最高(顏色最鮮艷)

    l:亮度(lightness),取0-100%范圍的值,其中0表示最暗(黑色),100%表示最亮(白色)

6.HSLA模式

HSLA模式是HSL的擴展模式,在HSL的基礎上增加一個透明通道alpha來設置透明度


免責聲明!

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



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