CSS顏色值的三種形式:名稱、RGB和十六進位

來源:互聯網
上載者:User

對顏色的控制,CSS編碼必不可少。在這方面涉及的不是很多。但這是基礎知識,新手朋友需要作一些瞭解,老手們就可以省略不看了。

  從理論上說,CSS可以處理的顏色數量大概是:16,777,216。夠用了吧。如何表現這些顏色呢,主要是通過三種形式:

 
  1、名稱 如:blue
  2、RGB 如:255,0,0
  3、十六進位 如:#ff6600
  如果我們要設定紅色,可以是下面的形式:

 
名稱:red
RGB:rgb(255,0,0)
RGB:rgb(100%,0%,0%)
十六進位:#ff0000
十六進位:#f00
  在具體開發中,你可以參考下面的檔案:
  

  如圖所示:


  CSS有十七個預先確定的顏色,它們是:
  aqua, black, blue, fuchsia, gray,
  green, lime, maroon, navy, olive,
  orange, purple, red, silver,
  teal, white, yellow.
  (注意:transparent 透明 也是一個正確的值。)

  rgb的三個值都是從0到255,0是最低級,255是最進階,這些值同樣可以是百分比。

  十六進位三或六個數字長度前面帶上#字元,三個長度是六個的壓縮形式,比如#00f是#0000ff的壓縮,#c30是#cc3300。三位元很好理解,像rgb,第一個是紅色,第二個是綠色,第三個藍色。但六位元可以實現更多的顏色控制。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.