顏色顯示相結合的紅色,綠色和藍色光。
顏色名稱
使用CSS,顏色可以通過使用顏色名稱進行設置:
CSS顏色值
用CSS,顏色可以不同的方式來指定:
- 通過顏色名稱
- 由於RGB值
- 為十六進制值
- 由於HSL值(CSS3)
- 由於HWB值(CSS4)
RGB顏色
RGB顏色值在所有瀏覽器都支持。
RGB(紅,綠,藍):一個RGB顏色值與指定。
每個參數(紅,綠,藍)定義的顏色0和255之間的一個整數的強度。
例如,RGB(0,0,255)呈現為藍色,因為藍色參數被設置為它的最高值(255),其他都設置為0。
灰色色調使用所有3光源相等的值通常定義:
十六進制顏色
十六進制顏色值,同時也支持所有瀏覽器。
十六進制顏色與規定的:#RRGGBB。
RR(紅色),GG(綠)和BB(藍色)是00和FF之間的十六進制整數指定顏色的強度。
例如,#0000FF顯示為藍色,因為藍色分量被設置到它的最高值(FF)以及其他被設置為00。
例
Color
HEX
RGB
Color
#FF0000
rgb(255,0,0)
Red
#00FF00
rgb(0,255,0)
Green
#0000FF
rgb(0,0,255)
Blue
試一試» 灰色色調使用所有3光源相等的值通常定義:
例
Color
HEX
RGB
Color
#000000
rgb(0,0,0)
Black
#808080
rgb(128,128,128)
Gray
#FFFFFF
rgb(255,255,255)
White
試一試» 大寫或小寫?
您可以使用大寫或小寫字母來指定十六進制值。
小寫更容易編寫。 上殼體更容易閱讀。 |
顏色名稱
CSS支持140標準顏色名稱。
在下一章中,你會發現與十六進制值的顏色名稱的完整字母順序列表:
Color Name | Hex | Color |
---|---|---|
AliceBlue | #F0F8FF | |
AntiqueWhite | #FAEBD7 | |
Aqua | #00FFFF | |
Aquamarine | #7FFFD4 | |
Azure | #F0FFFF | |
Beige | #F5F5DC | |
Bisque | #FFE4C4 |