在 CSS 中表示顏色的hex code方法和rgb方法


hexadecimal code(十六進制編碼),簡寫為 hex code

  我們通常使用 decimals,也就是十進制數字,它對每一位數字使用符號0到9來表示。Hexadecimals (或 hex)是十六進制數字,這意味着它使用十六個不同的符號。像十進制那樣,符號 0-9 代表數值零到九,再使用 A、B、C、D、E、F 代表數值十到十五。合在一起,用 0 到 F 可以代表 hexadecimal 中的每一位數字,共為我們提供 16 個可能的數值。

  在 CSS 中,我們可以使用 6 位十六進制數字來表示顏色,每 2 位分別表示紅色 (R)、綠色 (G) 和藍色 (B) 成分。例如,#000000 是黑色,同時也是可能的數值中最小的。

0 是 hex code(十六進制編碼)中最小的一個,它代表顏色的完全缺失。F 是 hex code(十六進制編碼)中最大的一個,它代表最大可能的亮度。

  hex code 遵循 red-green-blue(紅-綠-藍),或者叫 rgb 格式。hex code 中的前兩位表示顏色中紅色的數量,第三四位代表綠色的數量,第五六位代表藍色的數量。所以要得到絕對的純紅色,你只需要在第一和第二位使用 F (最大可能的數值),且在第三、第四、第五和第六位使用 0 (最小可能數值)。

  許多人對超過 1600 萬種顏色感覺十分地抓狂,並且 hex code 非常難以記憶。幸運的是,可以縮短它。例如,紅,hex code 是 #FF0000 ,可被縮寫成 #F00。也就是說,一位表示紅,一位表示綠,一位表示藍。這會把所有可能的顏色數減少至大約 4000 種,但是瀏覽器會把 #FF0000#F00 解釋為完全相同的顏色。

在 CSS 中表示顏色的另一個方法是使用 rgb 值。

  代表黑色的 RGB 值看起來是下面的樣子:rgb(0, 0, 0),代表白色的 RGB 值看起來是下面的樣子:rgb(255, 255, 255)使用 rgb,你通過 0 至 255 之間的一個數字來指定每種顏色的亮度,而不是像 hex code 那樣使用六個十六進制數字。如果你做個算術,16 乘以 16 總共有 256 個值,所以從零開始計數的 rgb,和 hex code 一樣有完全相同數量的可能數值。

  和使用 hex code 一樣,你可以通過不同數值的組合來表示 RGB 中不同的顏色。這些數值遵循 RGB 順序模式:第一位表示紅色,第二位表示綠色,第三位表示藍色。


免責聲明!

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



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