HTML颜色名表-带样例版

W3C 的 HTML 4.0 标准仅支持 16 种颜色名,它们是(部分颜色较白,使用黑色作为背景,实际是文字的颜色):

aquablackbluefuchsia

graygreenlimemaroon

navyolivepurplered

silvertealwhiteyellow

这些颜色名可以直接用在HTML中,比如:


<span style = “color:teal”>我是青色,英文是teal</span>

效果如下:

我是青色,英文是teal


其他颜色需要使用颜色表中的16位进制颜色,下面是百度提供的颜色表,但百度未提供显示效果的实例。

这里加入了实例,方便查找和观看效果。

颜色表

颜色名 十六进制颜色值 颜色(bg) 颜色(front)
AliceBlue #F0F8FF     ■■■■■■
AntiqueWhite #FAEBD7     ■■■■■■
Aqua #00FFFF     ■■■■■■
Aquamarine #7FFFD4     ■■■■■■
Azure #F0FFFF     ■■■■■■
Beige #F5F5DC     ■■■■■■
Bisque #FFE4C4     ■■■■■■
Black #000000     ■■■■■■
BlanchedAlmond #FFEBCD     ■■■■■■
Blue #0000FF     ■■■■■■
BlueViolet #8A2BE2     ■■■■■■
/item/Brown”>Brown #A52A2A     ■■■■■■
BurlyWood #DEB887     ■■■■■■
CadetBlue #5F9EA0     ■■■■■■
Chartreuse #7FFF00     ■■■■■■
Chocolate #D2691E     ■■■■■■
Coral #FF7F50     ■■■■■■
CornflowerBlue #6495ED     ■■■■■■
Cornsilk #FFF8DC     ■■■■■■
Crimson #DC143C     ■■■■■■
Cyan #00FFFF     ■■■■■■
DarkBlue #00008B     ■■■■■■
DarkCyan #008B8B     ■■■■■■
DarkGoldenRod #B8860B     ■■■■■■
DarkGray #A9A9A9     ■■■■■■
DarkGreen #006400     ■■■■■■
DarkKhaki #BDB76B     ■■■■■■
DarkMagenta #8B008B     ■■■■■■
DarkOliveGreen #556B2F     ■■■■■■
Darkorange #FF8C00     ■■■■■■
DarkOrchid #9932CC     ■■■■■■
DarkRed #8B0000     ■■■■■■
DarkSalmon #E9967A     ■■■■■■
DarkSeaGreen #8FBC8F     ■■■■■■
DarkSlateBlue #483D8B     ■■■■■■
DarkSlateGray #2F4F4F     ■■■■■■
DarkTurquoise #00CED1     ■■■■■■
DarkViolet #9400D3     ■■■■■■
DeepPink #FF1493     ■■■■■■
DeepSkyBlue #00BFFF     ■■■■■■
DimGray #696969     ■■■■■■
DodgerBlue #1E90FF     ■■■■■■
Feldspar #D19275     ■■■■■■
FireBrick #B22222     ■■■■■■
FloralWhite #FFFAF0     ■■■■■■
ForestGreen #228B22     ■■■■■■
Fuchsia #FF00FF     ■■■■■■
Gainsboro #DCDCDC     ■■■■■■
GhostWhite #F8F8FF     ■■■■■■
Gold #FFD700     ■■■■■■
GoldenRod #DAA520     ■■■■■■
Gray #808080     ■■■■■■
Green #008000     ■■■■■■
GreenYellow #ADFF2F     ■■■■■■
HoneyDew #F0FFF0     ■■■■■■
HotPink #FF69B4     ■■■■■■
IndianRed #CD5C5C     ■■■■■■
Indigo #4B0082     ■■■■■■
Ivory #FFFFF0     ■■■■■■
Khaki #F0E68C     ■■■■■■
Lavender #E6E6FA     ■■■■■■
LavenderBlush #FFF0F5     ■■■■■■
LawnGreen #7CFC00     ■■■■■■
LemonChiffon #FFFACD     ■■■■■■
LightBlue #ADD8E6     ■■■■■■
LightCoral #F08080     ■■■■■■
LightCyan #E0FFFF     ■■■■■■
LightGoldenRodYellow #FAFAD2     ■■■■■■
LightGrey #D3D3D3     ■■■■■■
LightGreen #90EE90     ■■■■■■
LightPink #FFB6C1     ■■■■■■
LightSalmon #FFA07A     ■■■■■■
LightSeaGreen #20B2AA     ■■■■■■
LightSkyBlue #87CEFA     ■■■■■■
LightSlateBlue #8470FF     ■■■■■■
LightSlateGray #778899     ■■■■■■
LightSteelBlue #B0C4DE     ■■■■■■
LightYellow #FFFFE0     ■■■■■■
Lime #00FF00     ■■■■■■
LimeGreen #32CD32     ■■■■■■
Linen #FAF0E6     ■■■■■■
Magenta #FF00FF     ■■■■■■
Maroon #800000     ■■■■■■
MediumAquaMarine #66CDAA     ■■■■■■
MediumBlue #0000CD     ■■■■■■
MediumOrchid #BA55D3     ■■■■■■
MediumPurple #9370D8     ■■■■■■
MediumSeaGreen #3CB371     ■■■■■■
MediumSlateBlue #7B68EE     ■■■■■■
MediumSpringGreen #00FA9A     ■■■■■■
MediumTurquoise #48D1CC     ■■■■■■
MediumVioletRed #C71585     ■■■■■■
MidnightBlue #191970     ■■■■■■
MintCream #F5FFFA     ■■■■■■
MistyRose #FFE4E1     ■■■■■■
Moccasin #FFE4B5     ■■■■■■
NavajoWhite #FFDEAD     ■■■■■■
Navy #000080     ■■■■■■
OldLace #FDF5E6     ■■■■■■
Olive #808000     ■■■■■■
OliveDrab #6B8E23     ■■■■■■
Orange #FFA500     ■■■■■■
OrangeRed #FF4500     ■■■■■■
Orchid #DA70D6     ■■■■■■
PaleGoldenRod #EEE8AA     ■■■■■■
PaleGreen #98FB98     ■■■■■■
PaleTurquoise #AFEEEE     ■■■■■■
PaleVioletRed #D87093     ■■■■■■
PapayaWhip #FFEFD5     ■■■■■■
PeachPuff #FFDAB9     ■■■■■■
Peru #CD853F     ■■■■■■
Pink #FFC0CB     ■■■■■■
Plum #DDA0DD     ■■■■■■
PowderBlue #B0E0E6     ■■■■■■
Purple #800080     ■■■■■■
Red #FF0000     ■■■■■■
RosyBrown #BC8F8F     ■■■■■■
RoyalBlue #4169E1     ■■■■■■
SaddleBrown #8B4513     ■■■■■■
Salmon #FA8072     ■■■■■■
SandyBrown #F4A460     ■■■■■■
SeaGreen #2E8B57     ■■■■■■
SeaShell #FFF5EE     ■■■■■■
Sienna #A0522D     ■■■■■■
Silver #C0C0C0     ■■■■■■
SkyBlue #87CEEB     ■■■■■■
SlateBlue #6A5ACD     ■■■■■■
SlateGray #708090     ■■■■■■
Snow #FFFAFA     ■■■■■■
SpringGreen #00FF7F     ■■■■■■
SteelBlue #4682B4     ■■■■■■
Tan #D2B48C     ■■■■■■
Teal #008080     ■■■■■■
Thistle #D8BFD8     ■■■■■■
Tomato #FF6347     ■■■■■■
Turquoise #40E0D0     ■■■■■■
Violet #EE82EE     ■■■■■■
VioletRed #D02090     ■■■■■■
Wheat #F5DEB3     ■■■■■■
White #FFFFFF     ■■■■■■
WhiteSmoke #F5F5F5     ■■■■■■
Yellow #FFFF00     ■■■■■■
YellowGreen #9ACD32     ■■■■■■

13862624 - design, sharing - HTML颜色名表-带样例版

微信打赏支付宝打赏

感谢您的支持!

文章来源:卡米雷特的小站www.kamilet.cn)转载请注明出处。

卡米雷特

视觉控&技术控,不断学习中!


您可能还喜欢...

发表评论

电子邮件地址不会被公开。 必填项已用*标注