使用实例

  • 英文代码使用实例：<p style="color: red"> This is my font </p>
  • HEX格式使用实例： <p style="color: #FFB6C1"> This is my font </p>
  • RGB格式使用实例： <p style="color: rgb(219,112,147)"> This is my font </p>

中文颜色代码表

根据业务需求，我们可以使用三种格式的代码颜色；

注意：如果想要寻找你的设计稿上的颜色，可用取色器吸取颜色，在本页面ctrl+f 搜索设计稿的颜色，寻找对应的两种格式；

1、红色系

颜色样例

英文代码

中文颜色名称

HEX格式

RGB格式

颜色样例

Crimson

猩红

#DC143C

220,20,60

颜色样例

PaleGodenrod

灰秋麒麟

#EEE8AA

238,232,170

颜色样例

Cornislk

玉米色

#FFF8DC

255,248,220

颜色样例

BrulyWood

结实的树

#DEB887

222,184,135

颜色样例

Red

纯红

#FF0000

255,0,0

颜色样例

Brown

棕色

#A52A2A

165,42,42

颜色样例

FireBrick

耐火砖

#B22222

178,34,34

颜色样例

DarkRed

深红色

#8B0000

139,0,0

颜色样例

Maroon

栗色

#800000

128,0,0

颜色样例

LightPink

浅粉红

#FFB6C1

255,182,193

颜色样例

Pink

粉红

#FFC0CB

255,192,203

颜色样例

LavenderBlush

脸红的淡紫色

#FFF0F5

255,240,245

颜色样例

PaleVioletRed

苍白的紫罗兰红色

#DB7093

219,112,147

颜色样例

HotPink

热情的粉红

#FF69B4

255,105,180

颜色样例

DeepPink

深粉色

#FF1493

255,20,147

颜色样例

MediumVioletRed

适中的紫罗兰红色

#C71585

199,21,133

2、紫色系

颜色样例

英文代码

中文颜色名称

HEX格式

RGB格式

颜色样例

Orchid

兰花的紫色

#DA70D6

218,112,214

颜色样例

Thistle

蓟

#D8BFD8

216,191,216

颜色样例

plum

李子

#DDA0DD

221,160,221

颜色样例

Violet

紫罗兰

#EE82EE

238,130,238

颜色样例

Magenta

洋红

#FF00FF

255,0,255

颜色样例

Fuchsia

灯笼海棠(紫红色)

#FF00FF

255,0,255

颜色样例

DarkMagenta

深洋红色

#8B008B

139,0,139

颜色样例

Purple

紫色

#800080

128,0,128

颜色样例

MediumOrchid

适中的兰花紫

#BA55D3

186,85,211

颜色样例

DarkVoilet

深紫罗兰色

#9400D3

148,0,211

颜色样例

DarkOrchid

深兰花紫

#9932CC

153,50,204

颜色样例

Indigo

靛青

#4B0082

75,0,130

颜色样例

BlueViolet

深紫罗兰的蓝色

#8A2BE2

138,43,226

颜色样例

MediumPurple

适中的紫色

#9370DB

147,112,219

颜色样例

MediumSlateBlue

适中的板岩暗蓝灰色

#7B68EE

123,104,238

颜色样例

SlateBlue

板岩暗蓝灰色

#6A5ACD

106,90,205

颜色样例

DarkSlateBlue

深岩暗蓝灰色

#483D8B

72,61,139

颜色样例

Lavender

熏衣草花的淡紫色

#E6E6FA

230,230,250

颜色样例

GhostWhite

幽灵的白色

#F8F8FF

248,248,255

3、蓝色系

颜色样例

英文代码

中文颜色名称

HEX格式

RGB格式

颜色样例

Blue

纯蓝

#0000FF

0,0,255

颜色样例

MediumBlue

适中的蓝色

#0000CD

0,0,205

颜色样例

MidnightBlue

午夜的蓝色

#191970

25,25,112

颜色样例

DarkBlue

深蓝色

#00008B

0,0,139

颜色样例

Navy

海军蓝

#000080

0,0,128

颜色样例

RoyalBlue

皇军蓝

#4169E1

65,105,225

颜色样例

CornflowerBlue

矢车菊的蓝色

#6495ED

100,149,237

颜色样例

LightSteelBlue

淡钢蓝

#B0C4DE

176,196,222

颜色样例

LightSlateGray

浅石板灰

#778899

119,136,153

颜色样例

SlateGray

石板灰

#708090

112,128,144

颜色样例

DoderBlue

道奇蓝

#1E90FF

30,144,255

颜色样例

AliceBlue

爱丽丝蓝

#F0F8FF

240,248,255

颜色样例

SteelBlue

钢蓝

#4682B4

70,130,180

颜色样例

LightSkyBlue

淡蓝色

#87CEFA

135,206,250

颜色样例

SkyBlue

天蓝色

#87CEEB

135,206,235

颜色样例

DeepSkyBlue

深天蓝

#00BFFF

0,191,255

颜色样例

LightBLue

淡蓝

#ADD8E6

173,216,230

颜色样例

PowDerBlue

火药蓝

#B0E0E6

176,224,230

颜色样例

CadetBlue

军校蓝

#5F9EA0

95,158,160

颜色样例

Azure

蔚蓝色

#F0FFFF

240,255,255

颜色样例

LightCyan

淡青色

#E1FFFF

225,255,255

颜色样例

PaleTurquoise

苍白的绿宝石

#AFEEEE

175,238,238

颜色样例

Cyan

青色

#00FFFF

0,255,255

颜色样例

Aqua

水绿色

#00FFFF

0,255,255

颜色样例

DarkTurquoise

深绿宝石

#00CED1

0,206,209

颜色样例

DarkSlateGray

深石板灰

#2F4F4F

47,79,79

颜色样例

DarkCyan

深青色

#008B8B

0,139,139

颜色样例

Teal

水鸭色

#008080

0,128,128

颜色样例

MediumTurquoise

适中的绿宝石

#48D1CC

72,209,204

颜色样例

LightSeaGreen

浅海洋绿

#20B2AA

32,178,170

颜色样例

Turquoise

绿宝石

#40E0D0

64,224,208

4、绿色系

颜色样例

英文代码

中文颜色名称

HEX格式

RGB格式

颜色样例

Auqamarin

绿玉\碧绿色

#7FFFAA

127,255,170

颜色样例

MediumAquamarine

适中的碧绿色

#00FA9A

0,250,154

颜色样例

MediumSpringGreen

适中的春天的绿色

#F5FFFA

245,255,250

颜色样例

MintCream

薄荷奶油

#00FF7F

0,255,127

颜色样例

SpringGreen

春天的绿色

#3CB371

60,179,113

颜色样例

SeaGreen

海洋绿

#2E8B57

46,139,87

颜色样例

Honeydew

蜂蜜

#F0FFF0

240,255,240

颜色样例

LightGreen

淡绿色

#90EE90

144,238,144

颜色样例

PaleGreen

苍白的绿色

#98FB98

152,251,152

颜色样例

DarkSeaGreen

深海洋绿

#8FBC8F

143,188,143

颜色样例

LimeGreen

酸橙绿

#32CD32

50,205,50

颜色样例

Lime

酸橙色

#00FF00

0,255,0

颜色样例

ForestGreen

森林绿

#228B22

34,139,34

颜色样例

Green

纯绿

#008000

0,128,0

颜色样例

DarkGreen

深绿色

#006400

0,100,0

颜色样例

Chartreuse

查特酒绿

#7FFF00

127,255,0

颜色样例

LawnGreen

草坪绿

#7CFC00

124,252,0

颜色样例

GreenYellow

绿黄色

#ADFF2F

173,255,47

颜色样例

OliveDrab

橄榄土褐色

#556B2F

85,107,47

颜色样例

Beige

米色(浅褐色)

#6B8E23

107,142,35

颜色样例

LightGoldenrodYellow

浅秋麒麟黄

#FAFAD2

250,250,210

颜色样例

Ivory

象牙

#FFFFF0

255,255,240

5、黄色系

颜色样例

英文代码

中文颜色名称

HEX格式

RGB格式

颜色样例

LightYellow

浅黄色

#FFFFE0

255,255,224

颜色样例

Yellow

纯黄

#FFFF00

255,255,0

颜色样例

Olive

橄榄

#808000

128,128,0

颜色样例

DarkKhaki

深卡其布

#BDB76B

189,183,107

颜色样例

LemonChiffon

柠檬薄纱

#FFFACD

255,250,205

颜色样例

Khaki

卡其布

#F0E68C

240,230,140

颜色样例

Gold

金

#FFD700

255,215,0

颜色样例

GoldEnrod

秋麒麟

#DAA520

218,165,32

颜色样例

FloralWhite

花的白色

#FFFAF0

255,250,240

颜色样例

OldLace

老饰带

#FDF5E6

253,245,230

颜色样例

Wheat

小麦色

#F5DEB3

245,222,179

颜色样例

Moccasin

鹿皮鞋

#FFE4B5

255,228,181

颜色样例

Orange

橙色

#FFA500

255,165,0

颜色样例

PapayaWhip

番木瓜

#FFEFD5

255,239,213

颜色样例

BlanchedAlmond

漂白的杏仁

#FFEBCD

255,235,205

颜色样例

NavajoWhite

Navajo白

#FFDEAD

255,222,173

颜色样例

AntiqueWhite

古代的白色

#FAEBD7

250,235,215

颜色样例

Tan

晒黑

#D2B48C

210,180,140

颜色样例

Bisque

(浓汤)乳脂,番茄等

#FFE4C4

255,228,196

颜色样例

DarkOrange

深橙色

#FF8C00

255,140,0

颜色样例

Linen

亚麻布

#FAF0E6

250,240,230

颜色样例

Peru

秘鲁

#CD853F

205,133,63

颜色样例

PeachPuff

桃色

#FFDAB9

255,218,185

颜色样例

SandyBrown

沙棕色

#F4A460

244,164,96

颜色样例

Chocolate

巧克力

#D2691E

210,105,30

颜色样例

SaddleBrown

马鞍棕色

#8B4513

139,69,19

颜色样例

SeaShell

海贝壳

#FFF5EE

255,245,238

颜色样例

Sienna

黄土赭色

#A0522D

160,82,45

颜色样例

LightSalmon

浅鲜肉(鲑鱼)色

#FFA07A

255,160,122

颜色样例

Coral

珊瑚

#FF7F50

255,127,80

颜色样例

OrangeRed

橙红色

#FF4500

255,69,0

颜色样例

DarkSalmon

深鲜肉(鲑鱼)色

#E9967A

233,150,122

颜色样例

Tomato

番茄

#FF6347

255,99,71

颜色样例

MistyRose

薄雾玫瑰

#FFE4E1

255,228,225

颜色样例

Salmon

鲜肉(鲑鱼)色

#FA8072

250,128,114

颜色样例

Snow

雪

#FFFAFA

255,250,250

颜色样例

LightCoral

淡珊瑚色

#F08080

240,128,128

颜色样例

RosyBrown

玫瑰棕色

#BC8F8F

188,143,143

颜色样例

IndianRed

印度红

#CD5C5C

205,92,92

6、灰色系

颜色样例

英文代码

中文颜色名称

HEX格式

RGB格式

颜色样例

White

纯白

#FFFFFF

255,255,255

颜色样例

WhiteSmoke

白烟

#F5F5F5

245,245,245

颜色样例

Gainsboro

Gainsboro

#DCDCDC

220,220,220

颜色样例

LightGrey

浅灰色

#D3D3D3

211,211,211

颜色样例

Silver

银白色

#C0C0C0

192,192,192

颜色样例

DarkGray

深灰色

#A9A9A9

169,169,169

颜色样例

Gray

灰色

#808080

128,128,128

DimGray

DimGray

暗淡的灰色

#696969

105,105,105

颜色样例

Black

纯黑

#000000

0,0,0