css 顏色

光色的三原色如圖:

紅 + 綠 = 黃             綠 + 藍 = 天藍                  藍 + 紅 = 紫

css中顏色的表示方法有幾種:

  1. 顏色值爲顏色名稱的顏色(比如 red)
  2. 顏色值爲十六進制值的顏色(比如 #ff0000)
  3. 顏色值爲十六進制值的縮寫的顏色(比如 #f00)
  4. 顏色值爲 rgb 代碼的顏色(比如 rgb(255,0,0)

 

這裏我講一下2,3,4的情況。

一、十六進制值的顏色

十六進制值顏色意味着它使用16個不同的符號:符號 0-9 代表數值 0 到 9 , A、B、C、D、E、F 代表數值 10 到 15 ,總共 16 個可能的數字,提供1600 萬種顏色。

十六進制值顏色遵循 rgb 格式,即 red-green-blue(紅-綠-藍):前兩位表示顏色中紅色的數量,第三四位代表綠色的數量,第五六位代表藍色的數量, 0 表示最小數值,F 表示最大數值,數值越小,顏色越深;數值越大,顏色越淺 。

二、十六進制值的縮寫的顏色

平時我們也會遇到 3 個數值表示顏色的情況,3 個數值是十六進制顏色的縮寫:當前兩位數值相同,第三四位數值相同,第五六位數值相同的情況下就可以縮寫。這個縮寫形式給出一個數字爲紅色,一個數字爲綠色,一個數字爲藍色。縮寫將把所有可能的顏色總數減少到大約4000種。

如:紅色的十六進制碼 #FF0000  縮寫爲 #F00;顏色#717171就不能縮寫。

三、 rgb 代碼的顏色

使用 RGB,是使用RGB指定每個顏色的亮度,數字介於0到255之間;而一個顏色的兩位數字等於16 乘以 16,即256個總值,因此,從零開始計數的 RGB 具有與十六進制代碼完全相同數量的可能值。

四、顏色表示

1、純色

  純紅 純綠 純藍
#FF0000 #00FF00 #0000FF
#F00 #0F0 #00F
rgb(255,0,0) rgb(0,255,0) rgb(0,0,255)

 

 

 

 

 

2、混色:

  1.  紅 + 綠 = 黃;     綠 + 藍 = 天藍;       藍 + 紅 = 紫;
  2. 兩種顏色混合,哪種顏色的數值越大,顯現的顏色越接近哪種顏色;
  3. 三種顏色混合,哪兩種顏色數值大,顯現的顏色越接近這兩種顏色的混色,數值最低的顏色值越大,最終顯現的顏色越淺;數值最低的顏色值越小,最終顯現的顏色越深;
  4.  通過平均混合所有三種顏色得到不同灰度等級的灰色,#000000,#000,rgb(0,0,0)灰度最高,即黑色; #FFFFFF,#FFF,rgb(255,255,255)灰度最低,即白色。

 

 

 

 

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