前端學習 -- 顔色

顔色機關：

在CSS可以直接使用顔色的單詞來表示不同的顔色

紅色：red

藍色：blue

綠色：green

也可以使用RGB值來表示不同的顔色

- 所謂的RGB值指的是通過Red Green Blue三元色，通過這三種顔色的不同的濃度，來表示出不同的顔色。

例子：rgb(紅色的濃度,綠色的濃度,藍色的濃度);

　　 顔色的濃度需要一個0-255之間的值，255表示最大，0表示沒有

 　　濃度也可以采用一個百分數來設定，需要一個0% - 100%之間的數字

　　使用百分數最終也會轉換為0-255之間的數

　　0%表示0

　　100%表示255

也可以使用十六進制的rgb值來表示顔色，原理和上邊RGB原理一樣，隻不過使用十六進制數來代替，使用三組兩位的十六進制數組來表示一個顔色。

　　每組表示一個顔色 ,第一組表示紅色的濃度，範圍00-ff

　　第二組表示綠色的濃度，範圍是00-ff

　　第三組表示藍色的濃度，範圍00-ff

　　文法：#紅色綠色藍色

　　十六進制：

　　0 1 2 3 4 5 6 7 8 9 a b c d e f

　　00 - ff

　　00表示沒有，相當于rgb中的0

　　ff表示最大，相當于rgb中255

　　紅色：

　　#ff0000

　　像這種兩位兩位重複的顔色，可以簡寫

　　比如：#ff0000 可以寫成 #f00

　　#abc #aabbcc

示例：

結果：