HTML颜色、颜色名、颜色值

HTML颜色由红、绿、蓝三色混合而成。HTML颜色由一个十六进制符号来定义,这个符号由红、绿、蓝的值组成(RGB)。三种颜色 红,绿,蓝的组合从0到255,一共有1600万种不同颜色(256 x 256 x 256)。

RGBA 的意思是(Red-Green-Blue-Alpha)它是在 RGB 上扩展包括了 "alpha" 通道,运行对颜色值设置透明度。

141个颜色名称是在HTML和CSS颜色规范定义的(17标准颜色,再加124)。

17标准颜色:黑色,蓝色,水,紫红色,灰色,绿色,石灰,栗色,海军,橄榄,橙,紫,红,白,银,蓝绿色,黄色。

|--------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------|---------------|
| 颜色名 | HEX | Color |
| ++AliceBlue++ | ++#F0F8FF++ | |
| ++AntiqueWhite++ | ++#FAEBD7++ | |
| ++Aqua++ | ++#00FFFF++ | |
| ++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++ | ++#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++ | |
| ++LightGray++ | ++#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++ | ++#9370DB++ | |
| ++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++ | ++#DB7093++ | |
| ++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++ | |
| ++Wheat++ | ++#F5DEB3++ | |
| ++White++ | ++#FFFFFF++ | |
| ++WhiteSmoke++ | ++#F5F5F5++ | |
| ++Yellow++ | ++#FFFF00++ | |
| ++YellowGreen++ | ++#9ACD32++ | |

相关推荐
Fan_web15 分钟前
jQuery——事件委托
开发语言·前端·javascript·css·jquery
安冬的码畜日常17 分钟前
【CSS in Depth 2 精译_044】第七章 响应式设计概述
前端·css·css3·html5·响应式设计·响应式
赛男丨木子丿小喵30 分钟前
visual studio2022添加新项中没有html和css
css·html·visual studio
莹雨潇潇1 小时前
Docker 快速入门(Ubuntu版)
java·前端·docker·容器
Jiaberrr1 小时前
Element UI教程:如何将Radio单选框的圆框改为方框
前端·javascript·vue.js·ui·elementui
Tiffany_Ho2 小时前
【TypeScript】知识点梳理(三)
前端·typescript
安冬的码畜日常3 小时前
【D3.js in Action 3 精译_029】3.5 给 D3 条形图加注图表标签(上)
开发语言·前端·javascript·信息可视化·数据可视化·d3.js
太阳花ˉ3 小时前
html+css+js实现step进度条效果
javascript·css·html
小白学习日记4 小时前
【复习】HTML常用标签<table>
前端·html