光色的三原色如圖:
紅 + 綠 = 黃 綠 + 藍 = 天藍 藍 + 紅 = 紫
css中顏色的表示方法有幾種:
- 顏色值爲顏色名稱的顏色(比如 red)
- 顏色值爲十六進制值的顏色(比如 #ff0000)
- 顏色值爲十六進制值的縮寫的顏色(比如 #f00)
- 顏色值爲 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、混色:
- 紅 + 綠 = 黃; 綠 + 藍 = 天藍; 藍 + 紅 = 紫;
- 兩種顏色混合,哪種顏色的數值越大,顯現的顏色越接近哪種顏色;
- 三種顏色混合,哪兩種顏色數值大,顯現的顏色越接近這兩種顏色的混色,數值最低的顏色值越大,最終顯現的顏色越淺;數值最低的顏色值越小,最終顯現的顏色越深;
- 通過平均混合所有三種顏色得到不同灰度等級的灰色,#000000,#000,rgb(0,0,0)灰度最高,即黑色; #FFFFFF,#FFF,rgb(255,255,255)灰度最低,即白色。