颜色显示相结合的红色,绿色和蓝色光。
颜色名称
使用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 |