预定义颜色又称为已知颜色。可用颜色英文名称来代替颜色值。
常见浏览器 HTML4 预定义颜色(16个)
Black
纯黑
#000000
Purple
紫色
#800080
Olive
橄榄色
#808000
Navy
海军蓝
#000080
Gray
灰色
#808080
Fuchsia
紫红色
#FF00FF
Yellow
纯黄
#FFFF00
Blue
纯蓝
#0000FF
Silver
银灰
#C0C0C0
Maroon
栗色
#800000
Green
纯绿
#008000
Teal
蓝绿
#008080
White
纯白
#FFFFFF
Red
纯红
#FF0000
Lime
酸橙
#00FF00
Aqua
水绿
#00FFFF
常见浏览器 SVG 1.0 预定义颜色(140个)
Black
纯黑
#000000
AliceBlue
爱丽丝蓝
#F0F8FF
DarkCyan
深青
#008B8B
LightYellow
浅黄
#FFFFE0
Coral
珊瑚色
#FF7F50
DimGray
暗灰
#696969
Lavender
淡紫
#E6E6FA
Teal
蓝绿
#008080
LightGoldenrodYellow
浅菊黄
#FAFAD2
Tomato
番茄红
#FF6347
Gray
灰色
#808080
LightSteelBlue
淡钢蓝
#B0C4DE
DarkSlateGray
深石板灰
#2F4F4F
LemonChiffon
柠檬绸色
#FFFACD
OrangeRed
橙红
#FF4500
DarkGray
深灰
#A9A9A9
LightSlateGray
浅石板灰
#778899
DarkGreen
深绿
#006400
Wheat
小麦色
#F5DEB3
Red
纯红
#FF0000
Silver
银灰
#C0C0C0
SlateGray
石板灰
#708090
Green
纯绿
#008000
BurlyWood
硬木色
#DEB887
Crimson
猩红/深红
#DC143C
LightGray
浅灰
#D3D3D3
SteelBlue
钢蓝色/铁青色
#4682B4
ForestGreen
森林绿
#228B22
Tan
茶色
#D2B48C
MediumVioletRed
中度紫罗兰红
#C71585
Gainsboro
庚斯博罗灰
#DCDCDC
RoyalBlue
皇家蓝/宝蓝
#4169E1
SeaGreen
海洋绿
#2E8B57
Khaki
卡其色
#F0E68C
DeepPink
深粉红
#FF1493
WhiteSmoke
白烟色
#F5F5F5
MidnightBlue
午夜蓝
#191970
MediumSeaGreen
中度海洋绿
#3CB371
Yellow
纯黄
#FFFF00
HotPink
热粉红
#FF69B4
White
纯白
#FFFFFF
Navy
海军蓝
#000080
MediumAquamarine
中度碧绿
#66CDAA
Gold
金色
#FFD700
PaleVioletRed
弱紫罗兰红
#DB7093
Snow
雪白
#FFFAFA
DarkBlue
深蓝
#00008B
DarkSeaGreen
深海洋绿
#8FBC8F
Orange
橙色
#FFA500
Pink
粉红
#FFC0CB
GhostWhite
幽灵白
#F8F8FF
MediumBlue
中度蓝
#0000CD
Aquamarine
碧绿
#7FFFD4
SandyBrown
沙棕
#F4A460
LightPink
浅粉红
#FFB6C1
FloralWhite
花白色
#FFFAF0
Blue
纯蓝
#0000FF
PaleGreen
弱绿
#98FB98
DarkOrange
深橙
#FF8C00
Thistle
蓟色
#D8BFD8
Linen
亚麻布色
#FAF0E6
DodgerBlue
道奇蓝
#1E90FF
LightGreen
浅绿
#90EE90
Goldenrod
菊花黄
#DAA520
Magenta
洋红/玫瑰红
#FF00FF
AntiqueWhite
古董白
#FAEBD7
CornflowerBlue
矢车菊蓝
#6495ED
SpringGreen
春绿
#00FF7F
Peru
秘鲁色
#CD853F
Fuchsia
紫红
#FF00FF
PapayaWhip
番木色
#FFEFD5
DeepSkyBlue
深天蓝
#00BFFF
MediumSpringGreen
中度春绿
#00FA9A
DarkGoldenrod
深菊黄
#B8860B
Violet
紫罗兰色
#EE82EE
BlanchedAlmond
杏仁白
#FFEBCD
LightSkyBlue
浅天蓝色
#87CEFA
LawnGreen
草坪绿
#7CFC00
Chocolate
巧克力色
#D2691E
Plum
李子紫
#DDA0DD
Bisque
陶坯黄
#FFE4C4
SkyBlue
天蓝
#87CEEB
Chartreuse
淡黄绿
#00FFFF
Sienna
黄褐
#A0522D
Orchid
淡紫
#DA70D6
Moccasin
鹿皮色
#FFE4B5
LightBlue
淡蓝
#ADD8E6
GreenYellow
绿黄
#ADFF2F
SaddleBrown
马鞍棕
#8B4513
MediumOrchid
中度兰花紫
#BA55D3
NavajoWhite
土著白
#FFDEAD
PowderBlue
火药蓝
#B0E0E6
Lime
酸橙
#00FF00
Maroon
栗色
#800000
DarkOrchid
深兰花紫
#9932CC
PeachPuff
桃肉色
#FFDAB9
PaleTurquoise
弱绿松石色
#AFEEEE
LimeGreen
酸橙绿
#32CD32
DarkRed
深红
#8B0000
DarkViolet
深紫罗兰色
#9400D3
MistyRose
淡玫瑰色
#FFE4E1
LightCyan
淡青
#E0FFFF
YellowGreen
黄绿
#9ACD32
Brown
棕色
#A52A2A
DarkMagenta
深洋红
#8B008B
LavenderBlush
淡紫红
#FFF0F5
Cyan
青绿
#00FFFF
DarkOliveGreen
深橄榄绿
#556B2F
Firebrick
砖红
#B22222
Purple
紫色
#800080
SeaShell
海贝色
#FFF5EE
Aqua
水绿
#00FFFF
OliveDrab
橄榄褐
#6B8E23
IndianRed
印度红
#CD5C5C
Indigo
靛青
#4B0082
OldLace
旧蕾丝色
#FDF5E6
Turquoise
绿松石色
#40E0D0
Olive
橄榄色
#800000
RosyBrown
玫瑰棕
#BC8F8F
DarkSlateBlue
深板岩蓝
#483D8B
Ivory
乳白
#FFFFF0
MediumTurquoise
中度绿松石色
#48D1CC
DarkKhaki
深卡其色
#BDB76B
DarkSalmon
深鲜肉色
#E9967A
BlueViolet
蓝紫罗兰色
#8A2BE2
Honeydew
蜜瓜色
#F0FFF0
DarkTurquoise
深绿松石色
#00CED1
PaleGoldenrod
弱菊花黄
#EEE8AA
LightCoral
淡珊瑚色
#F08080
MediumPurple
中度紫色
#9370DB
MintCream
薄荷霜色
#F5FFFA
LightSeaGreen
淡海洋绿
#20B2AA
Cornsilk
玉米丝色
#FFF8DC
Salmon
鲜肉色
#FA8072
SlateBlue
板岩蓝
#6A5ACD
Azure
蔚蓝
#F0FFFF
CadetBlue
军服蓝
#5F9EA0
Beige
米黄
#F5F5DC
LightSalmon
淡鲜肉色
#FFA07A
MediumSlateBlue
中度板岩蓝
#7B68EE
* Transparent 透明色也是一个合法值
系统定义颜色,颜色值由用户系统决定
| 颜色 |
名称 |
说明 |
|
ActiveBorder |
活动窗口边框的颜色 |
|
ActiveCaption |
活动窗口标题栏背景的颜色。 |
|
AppWorkspace |
应用程序工作区(多文档视图中未被文档占据的区域)的颜色。 |
|
Background |
桌面的背景颜色 |
|
ButtonFace |
三维按钮元素的表面颜色。 |
|
ButtonHighlight |
三维按钮元素的高光点颜色。应用于元素面向光源的部分。 |
|
ButtonShadow |
三维按钮元素的阴影颜色。应用于元素背向光源的部分。 |
|
CaptionText |
活动窗口标题栏文本的颜色 |
|
GrayText |
浅灰色文本的颜色。列表中已禁用的项用浅灰色文本显示。 |
|
Highlight |
选定项背景的颜色。选定项包括选定菜单项和选定文本。 |
|
HighlightText |
选定项文本的颜色。 |
|
InactiveBorder |
非活动窗口边框的颜色。 |
|
InactiveCaption |
非活动窗口标题栏背景的颜色。 |
|
InactiveCaptionText |
非活动窗口标题栏文本的颜色。 |
|
InfoBackground |
工具提示背景的颜色 |
|
InfoText |
工具提示文本的颜色。 |
|
Menu |
菜单背景的颜色。 |
|
MenuText |
菜单文本的颜色。 |
|
ScrollBar |
滚动条背景的颜色。 |
|
ThreeDDarkShadow |
三维元素暗边框阴影的颜色。 |
|
ThreeDFace |
三维元素的表面颜色 |
|
ThreeDHighlight |
三维元素的高光点颜色。应用于三维元素面向光源的部分。 |
|
ThreeDLightShadow |
三维元素亮边框阴影的颜色。 |
|
ThreeDShadow |
三维元素的阴影颜色。应用于三维元素背向光源的部分。 |
|
Window |
窗口的工作区中背景的颜色。 |
|
WindowFrame |
窗口框架的颜色。 |
|
WindowText |
窗口的工作区中文本的颜色。 |
预定义颜色名 =
RGB 分量值
Red = (红色分量值 0 - 255)
Green = (绿色分量值 0 - 255)
Blue = (蓝色分量值 0 - 255)
HSB 值
Hue = (色调/色相 0 - 360°)
Saturation = (饱和度 0% - 100%)
Brightness = (明度 0% - 100%)
HSL 值
Hue = (色调/色相 0 - 240)
Saturation = (饱和度 0 - 240)
Luminance = (亮度 0 - 240)
HSB 与 HSL
HSB 中 Hue 是在一个 0 - 360 的标准色盘上的位置来决定。
HSL 中 Hue 是在一个 0 - 240 的标准色盘上的位置来决定。
HSB 与 HSL 中的 Hue 计算方法虽然不同,但实际表示的色值是相同的。
Photoshop 的拾色器中使用 HSB 表示,Windows 的画图程序中自定义颜色时使用 HSL 表示。
CSS 中的表示
{ Color: # }
{ Color: rgb(, , ) }
{ Color: rgb(, , ) }
{ Color: rgba(, , , ) } a 代表透明度,取值 0.0 - 1.0,值越低透明度越低,反之。
{ Color: rgba(, , , ) } a 的含义见上。
{ Color: hsl(, , ) }
{ Color: hsla(, , , ) } a 的含义见上。
注:在用 hsl 表现时,h 使用的是 HSB 计算出来的度数,s 和 l 使用的是 HSL 中 S 和 L 的百分数。
hsl 仅在支持 CSS3 的浏览器中正常显示,如:IE7、IE8、Firefox 3.05+ 等。