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++ | |

相关推荐
陈随易3 小时前
在 VSCode 里,把项目一键部署到服务器
前端·后端·程序员
Highcharts.js4 小时前
教程:基于 React + Highcharts 构建一个单页应用程序、按需数据拉取与图表渲染
开发语言·前端·数据结构·react.js·前端框架·highcharts·页面应用
To_OC4 小时前
我被 useState 坑了两次之后,终于把它的脾气摸透了
前端·javascript·react.js
鱼樱前端4 小时前
我用 Claude Code 后,编码效率翻 3 倍。但更值钱的是别的。
前端·后端·ai编程
_lucas5 小时前
给知识库网站接入AI问答
前端·ai编程·全栈
前端糕手5 小时前
前端面试题大全:JavaScript + Vue3 + React + TypeScript + 工程化 + 性能优化
前端
我不叫武6 小时前
一个用 Rust 写的离线编码查询桌面工具
前端
Web4Browser7 小时前
指纹浏览器 API 自动化怎么接:启动 Profile、获取 CDP 端点并连接自动化框架
前端·网络·typescript·自动化
Patrick_Wilson7 小时前
从 React 到 Flutter:写给前端的一张跨端知识地图
前端·flutter·react.js
颜酱7 小时前
06 | 把 meta_config 同步进 MySQL(生成阶段)
前端·人工智能·后端