如何在你的CSS文件中運用顏色值.

關於: 顏色EDIT

到目前爲止,在這個系列中,都很少用到用名字命名的顏色屬性。CSS2支持17種名字的顏色。其中有一些可能不像你期望的那樣,如下圖:

  black   gray   silver   white  
主要的 red   lime   blue  
次要   yellow   aqua   fuchsia  
  maroon   orange   olive   purple   green   navy   teal  

 

細節
你的瀏覽器可能支持更多名字命名的顏色,比如:
 
dodgerblue   peachpuff   tan   firebrick   aquamarine  

對於更多存在的名字的顏色命名你可以參看CSS 3顏色模塊中的SVG color keywords 部分. 一定要注意的是,使用名字命名顏色的時候,有可能用戶的瀏覽器是不支持的。

對於更多地顏色,你可以使用代表紅,綠,藍三個顏色的16進制數字來表示。16進制數字的範圍0-9,a-f。其中a-f代表的數值就是10-15:

  #000
純 紅   #f00
純 綠   #0f0
純 藍   #00f
  #fff


要得到瀏覽器能夠呈現的所有的顏色,你就得使用兩個16進制來表示(也就是6位):

  #000000
純紅   #ff0000
純綠   #00ff00
純藍   #0000ff
  #ffffff

你能夠從你的畫圖程序或者其他的工具上得到6位的顏色數值.

例如

可以通過調整3位數字來得到不同的顏色:

從純紅開始:   #f00
讓它淡一點,加一些綠色和藍色:   #f77
讓它更偏橙色一些,多加一些綠色:   #fa7
讓它更深一些,所有的顏色部分,紅,綠,藍都要減少:   #c74
讓它的飽和度更低一些,所有的顏色值都調整到差不多大小:   #c98
如果所有的顏色值都相等,那麼就變成了灰色:   #ccc

對於淺色,比如說淡藍色:

從純白色開始:   #fff
稍微降低一下各個顏色值:   #eef
更多細節

還能夠通過RGB值(0-255或者是百分比值),來得到顏色

比如,下面是深紅色的RGB表示法:

rgb(128, 0, 0) 

對於如何指定顏色的所有信息,可以參看 CSS規範中的Colors 部分.

更多關於系統顏色的說明,比如菜單、等,可以參看CSS規範中得CSS2 System Colors 部分.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章