WEB标准颜色表

(Web standard color)

这是为网页设计人员提供的常用网页配色表,展示常用的色彩色板和经典文本字体配色示例,可直接复制使用代码的css色号表,RGB颜色对照表。方便实用的RGB颜色表大全,适合收藏备用!

调色板 - 常用配色推荐 (16种对比明显,配色和谐的颜色用法)更多颜色名称及含义>>

海蓝色 (navy)

#001F3F

蔚蓝色 (blue)

#0074D9

湖绿色 (aqua)

#7FDBFF

蓝绿色 (teal)

#39CCCC

橄榄绿 (olive)

#3D9970

草绿色 (green)

#2ECC40

石灰绿 (lime)

#01FF70

黄色 (yellow)

#FFDC00

橙红色 (orange)

#FF851B

红色 (red)

#FF4136

褐红色 (maroon)

#85144B

紫红色 (fuchsia)

#F012BE

紫色 (purple)

#B10DC9

黑色 (black)

#111111

灰色 (gray)

#AAAAAA

银色 (silver)

#DDDDDD

网页常用颜色大全表 - 配色工具表序号英文色彩名称颜色卡白底文本黑底文本按钮配色中文颜色名CSS色号(RGB16进制)RGB 10进制词源/备注

1

Black

白底文本

黑底文本

按钮配色

黑色

#000000

0,0,0

-

2

Navy

白底文本

黑底文本

按钮配色

藏青

#000080

0,0,128

美国海军军服的颜色,Navy意为海军

3

DarkBlue

白底文本

黑底文本

按钮配色

深蓝

#00008B

0,0,139

-

4

MediumBlue

白底文本

黑底文本

按钮配色

中蓝

#0000CD

0,0,205

-

5

Blue

白底文本

黑底文本

按钮配色

蓝色

#0000FF

0,0,255

-

6

DarkGreen

白底文本

黑底文本

按钮配色

深绿

#006400

0,100,0

-

7

Green

白底文本

黑底文本

按钮配色

调和绿

#008000

0,128,0

视觉上的正绿色

8

Teal

白底文本

黑底文本

按钮配色

鸭翅绿

#008080

0,128,128

Teal意为绿翅鸭,一种水鸭

9

DarkCyan

白底文本

黑底文本

按钮配色

深青

#008B8B

0,139,139

-

10

DeepSkyBlue

白底文本

黑底文本

按钮配色

深天蓝

#00BFFF

0,191,255

-

11

DarkTurquoise

白底文本

黑底文本

按钮配色

深松石绿

#00CED1

0,206,209

见“Turquoise”

12

MediumSpringGreen

白底文本

黑底文本

按钮配色

中嫩绿

#00FA9A

0,250,154

-

13

Lime

白底文本

黑底文本

按钮配色

绿色

#00FF00

0,255,0

RGB颜色空间的正绿色

14

SpringGreen

白底文本

黑底文本

按钮配色

春绿

#00FF7F

0,255,127

-

15

Cyan/Aqua

白底文本

黑底文本

按钮配色

青色

#00FFFF

0,255,255

-

16

MidNightBlue

白底文本

黑底文本

按钮配色

午夜蓝

#191970

25,25,112

-

17

DodgerBlue

白底文本

黑底文本

按钮配色

湖蓝

#1E90FF

30,144,255

洛杉矶道奇棒球队队标的颜色

18

LightSeaGreen

白底文本

黑底文本

按钮配色

浅海藻绿

#20B2AA

32,178,170

-

19

ForestGreen

白底文本

黑底文本

按钮配色

森林绿

#228B22

34,139,34

-

20

SeaGreen

白底文本

黑底文本

按钮配色

海藻绿

#2E8B57

46,139,87

-

21

DarkSlateGray

白底文本

黑底文本

按钮配色

深岩灰

#2F4F4F

47,79,79

-

22

LimeGreen

白底文本

黑底文本

按钮配色

青柠绿

#32CD32

50,205,50

Lime是青柠,Lemon才是柠檬

23

MediumSeaGreen

白底文本

黑底文本

按钮配色

中海藻绿

#3CB371

60,179,113

-

24

Turquoise

白底文本

黑底文本

按钮配色

松石绿

#40E0D0

64,224,208

本意为土耳其石即绿松石,一种宝石

25

RoyalBlue

白底文本

黑底文本

按钮配色

品蓝

#4169E1

65,105,225

直译为“皇家蓝”

26

SteelBlue

白底文本

黑底文本

按钮配色

钢青

#4682B4

70,130,180

-

27

DarkSlateBlue

白底文本

黑底文本

按钮配色

深岩蓝

#483D8B

72,61,139

-

28

MediumTurquoise

白底文本

黑底文本

按钮配色

中松石绿

#48D1CC

72,209,204

见“Turquoise”

29

Indigo

白底文本

黑底文本

按钮配色

靛蓝

#4B0082

75,0,130

-

30

DarkOliveGreen

白底文本

黑底文本

按钮配色

深橄榄绿

#556B2F

85,107,47

-

31

CadetBlue

白底文本

黑底文本

按钮配色

军服蓝

#5F9EA0

95,158,160

-

32

CornFlowerBlue

白底文本

黑底文本

按钮配色

矢车菊蓝

#6495ED

100,149,237

矢车菊是德国和马其顿的国花

33

MediumAquaMarine

白底文本

黑底文本

按钮配色

中碧绿

#66CDAA

102,205,170

-

34

DimGray

白底文本

黑底文本

按钮配色

昏灰

#696969

105,105,105

是命名颜色中最深的一种灰色

35

SlateBlue

白底文本

黑底文本

按钮配色

岩蓝

#6A5ACD

106,90,205

Slate本意为“板岩”

36

OliveDrab

白底文本

黑底文本

按钮配色

橄榄绿

#6B8E23

107,142,35

-

37

SlateGray

白底文本

黑底文本

按钮配色

岩灰

#708090

112,128,144

-

38

LightSlateGray

白底文本

黑底文本

按钮配色

浅岩灰

#778899

119,136,153

-

39

MediumSlateBlue

白底文本

黑底文本

按钮配色

中岩蓝

#7B68EE

123,104,238

-

40

LawnGreen

白底文本

黑底文本

按钮配色

草坪绿

#7CFC00

124,252,0

-

41

ChartReuse

白底文本

黑底文本

按钮配色

查特酒绿

#7FFF00

127,255,0

一种药酒,诞生于17世纪的法国

42

AquaMarine

白底文本

黑底文本

按钮配色

碧绿

#7FFFD4

127,255,212

亦作“碧蓝”,但其主色调为绿色

43

Maroon

白底文本

黑底文本

按钮配色

栗色

#800000

128,0,0

-

44

Purple

白底文本

黑底文本

按钮配色

紫色

#800080

128,0,128

-

45

Olive

白底文本

黑底文本

按钮配色

橄榄色

#808000

128,128,0

-

46

Gray

白底文本

黑底文本

按钮配色

灰色

#808080

128,128,128

-

47

SkyBlue

白底文本

黑底文本

按钮配色

天蓝

#87CEEB

135,206,235

-

48

LightSkyBlue

白底文本

黑底文本

按钮配色

浅天蓝

#87CEFA

135,206,250

-

49

BlueViolet

白底文本

黑底文本

按钮配色

蓝紫色

#8A2BE2

138,43,226

即“蓝紫罗兰色”,直译名称过长

50

DarkRed

白底文本

黑底文本

按钮配色

深红

#8B0000

139,0,0

-

51

DarkMagenta

白底文本

黑底文本

按钮配色

深品红

#8B008B

139,0,139

-

52

SaddleBrown

白底文本

黑底文本

按钮配色

鞍褐

#8B4513

139,69,19

亦作“马鞍棕”,马鞍常见的颜色

53

DarkSeaGreen

白底文本

黑底文本

按钮配色

深海藻绿

#8FBC8F

143,188,143

-

54

LightGreen

白底文本

黑底文本

按钮配色

浅绿

#90EE90

144,238,144

-

55

MediumPurple

白底文本

黑底文本

按钮配色

中紫

#9370D8

147,112,219

-

56

DarkViolet

白底文本

黑底文本

按钮配色

深紫

#9400d3

148,0,211

即“深紫罗兰色”,直译名称过长

57

PaleGreen

白底文本

黑底文本

按钮配色

白绿色

#98FB98

152,251,152

-

58

DarkOrchid

白底文本

黑底文本

按钮配色

深洋兰紫

#9932CC

153,50,204

见“Orchid”

59

YellowGreen

白底文本

黑底文本

按钮配色

暗黄绿色

#9ACD32

154,205,50

注意与GreenYellow区分

60

Sienna

白底文本

黑底文本

按钮配色

土黄赭

#A0522D

160,82,45

-

61

Brown

白底文本

黑底文本

按钮配色

褐色

#A52A2A

165,42,42

亦作“棕色”

62

DarkGray

白底文本

黑底文本

按钮配色

暗灰

#A9A9A9

169,169,169

-

63

LightBlue

白底文本

黑底文本

按钮配色

浅蓝

#ADD8E6

173,216,230

-

64

GreenYellow

白底文本

黑底文本

按钮配色

黄绿色

#ADFF2F

173,255,47

请注意与YellowGreen区分

65

PaleTurquoise

白底文本

黑底文本

按钮配色

白松石绿

#AFEEEE

175,238,238

见“Turquoise”

66

LightSteelBlue

白底文本

黑底文本

按钮配色

浅钢青

#B0C4DE

176,196,222

-

67

PowderBlue

白底文本

黑底文本

按钮配色

粉末蓝

#B0E0E6

176,224,230

得名自洗衣店用来漂染衣物的物质大青

68

FireBrick

白底文本

黑底文本

按钮配色

火砖红

#B22222

178,34,34

耐火砖的颜色比普通红砖要深

69

DarkGoldenRod

白底文本

黑底文本

按钮配色

深金菊黄

#B8860B

184,134,11

见“GoldenRod”

70

MediumOrchid

白底文本

黑底文本

按钮配色

中洋兰紫

#BA55D3

186,85,211

见“Orchid”

71

RosyBrown

白底文本

黑底文本

按钮配色

玫瑰褐

#BC8F8F

188,143,143

-

72

DarkKhaki

白底文本

黑底文本

按钮配色

深卡其色

#BDB76B

189,183,107

见“Khaki”

73

Silver

白底文本

黑底文本

按钮配色

银色

#C0C0C0

192,192,192

-

74

MediumVioletRed

白底文本

黑底文本

按钮配色

中紫红

#C71585

199,21,133

“中紫罗兰红”,直译名称过长

75

IndianRed

白底文本

黑底文本

按钮配色

印度红

#CD5C5C

205,92,92

-

76

Peru

白底文本

黑底文本

按钮配色

秘鲁红

#CD853F

205,133,63

从秘鲁国树金鸡纳树中提炼的一种颜料

77

Chocolate

白底文本

黑底文本

按钮配色

巧克力色

#D2691E

210,105,30

-

78

Tan

白底文本

黑底文本

按钮配色

日晒褐

#D2B48C

210,180,140

-

79

LightGray

白底文本

黑底文本

按钮配色

亮灰

#D3D3D3

211,211,211

-

80

PaleVioletRed

白底文本

黑底文本

按钮配色

白紫红

#D87093

219,112,147

“白紫罗兰红色”的简略

81

Thistle

白底文本

黑底文本

按钮配色

蓟紫

#D8BFD8

216,191,216

菊科蓟属,多刺花卉,旧时苏格兰国花

82

Orchid

白底文本

黑底文本

按钮配色

洋兰紫

#DA70D6

218,112,214

西洋兰花某品种的颜色

83

GoldenRod

白底文本

黑底文本

按钮配色

金菊黄

#DAA520

218,165,32

一枝黄花,一种菊科花卉

84

Crimson

白底文本

黑底文本

按钮配色

绯红

#DC143C

220,20,60

较之猩红(Scarlet)蓝色分量要多些

85

GainsBoro

白底文本

黑底文本

按钮配色

庚氏灰

#DCDCDC

220,220,220

托马斯·庚斯博罗,18世纪英国画家

86

Plum

白底文本

黑底文本

按钮配色

李紫

#DDA0DD

221,160,221

Plum意为李子、梅子

87

BurlyWood

白底文本

黑底文本

按钮配色

硬木褐

#DEB887

222,184,135

-

88

LightCyan

白底文本

黑底文本

按钮配色

浅青

#E0FFFF

224,255,255

-

89

Lavender

白底文本

黑底文本

按钮配色

薰衣草紫

#E6E6FA

230,230,250

-

90

DarkSalmon

白底文本

黑底文本

按钮配色

深鲑红

#E9967A

233,150,122

见“Salmon”

91

Violet

白底文本

黑底文本

按钮配色

紫罗兰色

#EE82EE

238,130,238

-

92

PaleGoldenRod

白底文本

黑底文本

按钮配色

白金菊黄

#EEE8AA

238,232,170

见“GoldenRod”

93

LightCoral

白底文本

黑底文本

按钮配色

浅珊瑚红

#F08080

240,128,128

-

94

Khaki

白底文本

黑底文本

按钮配色

卡其色

#F0E68C

240,230,140

Khaki是一种布料的名称

95

AliceBlue

白底文本

黑底文本

按钮配色

爱丽丝蓝

#F0F8FF

240,248,255

西奥多·罗斯福长女爱丽丝·罗斯福·朗沃斯创造的时尚色

96

HoneyDew

白底文本

黑底文本

按钮配色

蜜瓜绿

#F0FFF0

240,255,240

Honeydew即白兰瓜、蜜瓜

97

Azure

白底文本

黑底文本

按钮配色

青白色

#F0FFFF

240,255,255

本为湛蓝,但在Web色中是一种浅色

98

SandyBrown

白底文本

黑底文本

按钮配色

沙褐

#F4A460

244,164,96

-

99

Wheat

白底文本

黑底文本

按钮配色

麦色

#F5DEB3

245,222,179

-

100

Beige

白底文本

黑底文本

按钮配色

米色

#F5F5DC

245,245,220

-

101

WhiteSmoke

白底文本

黑底文本

按钮配色

烟雾白

#F5F5F5

245,245,245

-

102

MintCream

白底文本

黑底文本

按钮配色

薄荷乳白

#F5FFFA

245,255,250

-

103

GhostWhite

白底文本

黑底文本

按钮配色

幽灵白

#F8F8FF

248,248,255

-

104

Salmon

白底文本

黑底文本

按钮配色

鲑红

#FA8072

250,128,114

本意为三文鱼,一种鲑科冷水鱼类

105

AntiqueWhite

白底文本

黑底文本

按钮配色

古董白

#FAEBD7

250,235,215

-

106

Linen

白底文本

黑底文本

按钮配色

亚麻色

#FAF0E6

250,240,230

-

107

LightGoldenRodYellow

白底文本

黑底文本

按钮配色

浅金菊黄

#FAFAD2

250,250,210

见“GoldenRod”

108

OldLace

白底文本

黑底文本

按钮配色

旧蕾丝白

#FDF5E6

253,245,230

-

109

Red

白底文本

黑底文本

按钮配色

红色

#FF0000

255,0,0

-

110

Magenta/Fuchsia

白底文本

黑底文本

按钮配色

洋红

#FF00FF

255,0,255

-

111

DeepPink

白底文本

黑底文本

按钮配色

深粉

#FF1493

255,20,147

-

112

OrangeRed

白底文本

黑底文本

按钮配色

橘红

#FF4500

255,69,0

-

113

Tomato

白底文本

黑底文本

按钮配色

番茄红

#FF6347

255,99,71

-

114

HotPink

白底文本

黑底文本

按钮配色

艳粉

#FF69B4

255,105,180

不是暖粉,后者应是偏黄的粉色

115

Coral

白底文本

黑底文本

按钮配色

珊瑚红

#FF7F50

255,127,80

-

116

DarkOrange

白底文本

黑底文本

按钮配色

深橙

#FF8C00

255,140,0

-

117

LightSalmon

白底文本

黑底文本

按钮配色

浅鲑红

#FFA07A

255,160,122

见“Salmon”

118

Orange

白底文本

黑底文本

按钮配色

橙色

#FFA500

255,165,0

-

119

LightPink

白底文本

黑底文本

按钮配色

浅粉

#FFB6C1

255,182,193

-

120

Pink

白底文本

黑底文本

按钮配色

粉色

#FFC0CB

255,192,203

-

121

Gold

白底文本

黑底文本

按钮配色

金色

#FFD700

255,215,0

-

122

PeachPuff

白底文本

黑底文本

按钮配色

粉扑桃色

#FFDAB9

255,218,185

Peach是桃,Puff是化妆用的粉扑

123

NavajoWhite

白底文本

黑底文本

按钮配色

土著白

#FFDEAD

255,222,173

纳瓦霍(Navajo)是北美印第安人的一支

124

Moccasin

白底文本

黑底文本

按钮配色

鹿皮色

#FFE4B5

255,228,181

Moccasin本意为鹿皮鞋

125

Bisque

白底文本

黑底文本

按钮配色

陶坯黄

#FFE4C4

255,228,196

-

126

MistyRose

白底文本

黑底文本

按钮配色

雾玫瑰红

#FFE4E1

255,228,225

薄雾玫瑰,玫瑰品种之一

127

BlanchedAlmond

白底文本

黑底文本

按钮配色

杏仁白

#FFEBCD

255,235,205

-

128

PapayaWhip

白底文本

黑底文本

按钮配色

番木瓜橙

#FFEFD5

255,239,213

本意为番木瓜(一种热带水果)汁

129

LavenderBlush

白底文本

黑底文本

按钮配色

薰衣草红

#FFF0F5

255,240,245

“薰衣草紫红色”的简略

130

SeaShell

白底文本

黑底文本

按钮配色

贝壳白

#FFF5EE

255,245,238

-

131

CornSilk

白底文本

黑底文本

按钮配色

玉米穗黄

#FFF8DC

255,248,220

-

132

LemonChiffon

白底文本

黑底文本

按钮配色

柠檬绸黄

#FFFACD

255,250,205

-

133

FloralWhite

白底文本

黑底文本

按钮配色

花卉白

#FFFAF0

255,250,240

不可简称“花白”(后者与斑白同义)

134

Snow

白底文本

黑底文本

按钮配色

雪白

#FFFAFA

255,250,250

-

135

Yellow

白底文本

黑底文本

按钮配色

黄色

#FFFF00

255,255,0

-

136

LightYellow

白底文本

黑底文本

按钮配色

浅黄

#FFFFE0

255,255,224

-

137

Ivory

白底文本

黑底文本

按钮配色

象牙白

#FFFFF0

255,255,240

-

138

White

白底文本

黑底文本

按钮配色

白色

#FFFFFF

255,255,255

1

(0)

相关推荐

  • HTML标准颜色名称

    本文提供的颜色名称.对应的中文以及十六进制数(HEX)的颜色值可供平面设计师.网页设计师等参考. 虽然本文的内容来自www.w3school.com.cn(点击文章最后的阅读原文可进入),但原网站上的 ...

  • 颜色表大全 颜色代码 设计配色表 网页配色表

    鸨色#f7acbc赤白橡#deab8a油色#817936绀桔梗#444693踯躅色#ef5b9c肌色#fedcbd伽罗色#7f7522花色#2b4490桜色#feeeed橙色#f47920青丹#807 ...

  • 颜色表大全

    调色公式朱红色 + 黑色少量 = 啡色天蓝色 + 黄色 = 草绿. 嫩绿天蓝色 + 黑色 + 紫 = 浅蓝紫草绿色 + 少量黑色 = 墨绿天蓝色 ... = 熟褐玫红色 + 黑色(少量) = 暗红红色 ...

  • 再谈古钱币的颜色表

    看到一张颜色表,突然想起铜钱上的颜色. 下面让我们来欣赏一下的钱币的斑斓色彩! 似乎红蓝绿居多 橙色?(土色) 玫红? 大绿 粉黄 深红 粉紫色 湖蓝 深蓝 粉绿 绿色 五彩斑斓-- 说明:内容仅供参 ...

  • 通道是如何将色光的颜色表现在ps软件中的

    通道是如何将色光的颜色表现在ps软件中的

  • 颜色表及html代码

    颜色名称及色样表(HTML版)   颜色名 中文名称 Hex RGB 十进制 Decimal     LightPink 浅粉红 #FFB6C1 255,182,193     Pink 粉红 #FF ...

  • 【郡颜形体】网传女生完美身材的7大标准,你中了几个?

    随着人们对美的要求越来越高,女生完美身材的标准也在网络上应运而生,曾经风靡一时的A4腰.铅笔腿.锁骨养鱼都是大家争相晒身材的有力佐证. 今天小编就带大家来看一下,网上疯传的"女生完美身材7大 ...

  • 个税汇算简易、标准、集中、委托申报电脑WEB端实操流程全景演示

    目  录 简易申报  步骤一 确认申报表信息 步骤二 申请退税 更正与作废 一.简易申报     依据政策规定,需要办理年度汇算的纳税人需向税务机关申报并办理退税或补税.本篇文章向您介绍如何通过自然人 ...

  • 侧颜才是真绝色丨360°侧颜美学标准,轻松变美

      10W+中华整形大典医美公益科普平台 更简单读懂 今日统计 中华整形大典总第1498篇 导语: 什么才是真正的高颜值? 应该就是正脸颜值爆表,侧脸颜值逆天的高度. 不过相比起正脸,侧脸无疑对容貌的 ...

  • 这些星座的女生是顶级颜控,挑另一半的标准就是颜值

    在这个看脸的时代里,长相如果特别令别人满意的话,当然还是能够赢得很多的好感和支持的,但其实除了颜值之外,人品还是特别重要的,但是有些女生可以说是达到重度花痴的地步了,他们挑另一半的时候重点就是看对方帅 ...