当前位置:首页 > 前端技术 > HTML标准颜色名称

HTML标准颜色名称

2022年09月16日 22:27:02前端技术6

本文提供的颜色名称、对应的中文以及十六进制数(HEX)的颜色值可供平面设计师、网页设计师等参考。

虽然本文的内容来自www.w3school.com.cn(点击文章最后的阅读原文可进入),但原网站上的部分内容有误,最重要的是无颜色名称的中文翻译。

HTML和CSS颜色规范定义了141个颜色英文名称,所有的英文名称可直接在HTML代码中被识别,不区分大小写(注:HTML4仅支持17个标准颜色名称)。

测试网址:

https://www.w3school.com.cn/tiy/t.asp?f=css_color_hex

HTML标准颜色名称 _ JavaClub全栈架构师技术笔记

一些网站提供了查找颜色的功能,可以通过颜色的英文名、中文名或者颜色值(RGB值、十六进制数值、LAB值等)。

查色网址:

https://www.colortell.com/colorspeed

HTML标准颜色名称 _ JavaClub全栈架构师技术笔记

另外,还要了解HTML规范颜色与Web安全颜色之间的区别。Web安全颜色是指红、绿、蓝三原色的十六进制值均被限制在(00,33,66,99,CC,FF)六种值内,所以Web安全颜色共有6×6×6=216种,这些颜色就可以安全的应用于所有的Web中,而不需要担心颜色在不同应用程序之间的变化。

HTML标准颜色名称及HEX值

   标准英文名

中文翻译

     颜色值

                 颜色
AliceBlue ‍ 爱丽丝蓝 #F0F8FF
AntiqueWhite 古董白 #FAEBD7
Aqua  水色 #AFDFE4
Aquamarine  碧蓝色
#7FFFD4
Azure  湛蓝色 #F0FFFF
Beige  米黄色
#F5F5DC
Bisque  陶坯黄 #FFE4C4
Black  黑色
#000000
BlanchedAlmond  杏仁白 #FFEBCD
Blue  蓝色
#0000FF
BlueViolet  蓝紫 #8A2BE2
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
FireBrick  耐火砖红
#B22222
FloralWhite  花卉白
#FFFAF0
ForestGreen  森林绿 #228B22
Fuchsia  品红 #F400A1
Gainsboro  庚斯博罗灰
#DCDCDC
GhostWhite  幽灵白 #F8F8FF
Golden  金色 #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
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

“若有收获,请点击这里”

作者:MediaTea
来源链接:https://blog.csdn.net/qq_41176800/article/details/104120973

版权声明:
1、JavaClub(https://www.javaclub.cn)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。


本文链接:https://www.javaclub.cn/front/42328.html

分享给朋友:

“HTML标准颜色名称” 的相关文章

HTML常用标签的用法

HTML常用标签的用法

一、首先要了解一下什么是HTML,HTML(Hyper Text Markup Language,简称:HTML)也叫作超文本标记语言,是一种使用结构化Web网页及其内容的标记语言,HTML文档也叫做Web页面, 下面就来讲讲一些HTML中常用的标签。...

超链接a标签的属性target的可选值有哪些以及区别

超链接a标签的属性target的可选值有哪些以及区别 1、<a target="_blank"></a> 2、<a target="_parent"></a> 3、<a targ...

html标签汇总

html标签汇总

文章目录 段落处理 图像标签 超链接 注释 特殊字符 表格 列表标签 无序列表 有序列表 自定义列表...

HTML 5 video 视频标签全属性详解

现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera、Mozilla、Chrome),支持H.264的(Safari、IE 9、Chrome),都不支持的(IE6、7、8)。好吧,现在让我们从技术层面...

HTML标签及其属性

一、Google访问socket服务端 1 import socket 2 3 def socket_server(): 4 sk = socket.socket(socket.AF_INET,socket.SOCK_STREAM)...

JSP带有属性的自定义标签

新建HelloWelTag类 如何添加jsp-api.jar包 HelloWelTag类详细代码 package bid.zhazhapan.fims.tag; impo...

HTML-框架标签frame

HTML-框架标签frame

框架标签    <frameset>框架设置标签       属性:          &...

HTML中input标签的alt属性和title属性的比较

经常用到这两个属性,但是一直没有总结他们的区别。现在我对他们两个的用法做一下总结: 相同点:他们都会飘出一个小浮层,显示文本内容。 不同点: 1.alt只能是元素的属性,而title即可以是元素的属性也可以是标签,例如:<title>标题&l...

HTML5 data-* 自定义属性及其注意点

在HTML5中添加了data-*的方式来自定义属性,所谓data-*实际上上就是data-前缀加上自定义的属性名,命名可以用驼峰命名方式,但取值是必需全部使用小写(后面会说),使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管理的现状。 1.&nbs...

HTML超链接a标签的herf、target属性用法

HTML超链接a标签的herf、target属性用法

HTML中a标签的herf、target属性的用法 在页面中超链接可以是一个字,一个词,或者一段话,也可以是一幅图像,可以点击这些内容来跳转到新的页面或者当前页面中的某个部分,在HTML中通常使用a标签创建链接。 a标签的使用非常简单,a标签中加入...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。