CSS 颜色名称 - 菜鸟教程

文章推薦指數: 80 %
投票人數:10人

147颜色名称定义在HTML和CSS的颜色规格(17个标准色加上130多个其他)。

下表列出了所有这些,连同其十六进制值。

... 提示: 17种标准颜色:浅绿色,黑色,蓝色,紫红色,灰色, ... 菜鸟教程--学的不仅是技术,更是梦想! 首页 HTML CSS JavaScript Vue Bootstrap NodeJS Python3 Python2 Java C C++ C# Go SQL Linux jQuery 本地书签 首页 HTML CSS JS 本地书签 Search Python3教程 Python2教程 Vue3教程 vue2教程 Bootstrap3教程 Bootstrap4教程 Bootstrap5教程 Bootstrap2教程 CSS参考手册 CSS参考手册 CSS选择器 CSS听觉参考手册 CSSWeb安全字体 CSS动画 CSS函数 CSS单位 CSS颜色 CSS合法颜色值 CSS颜色名称 CSS颜色十六进制值 CSS浏览器支持 Sass教程 CSS属性 align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function appearance backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-align box-direction box-flex box-flex-group box-lines box-ordinal-group box-orient box-pack box-shadow box-sizing caption-side clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-size font-size-adjust font-stretch font-style font-variant font-weight @import grid-rows hanging-punctuation height icon justify-content @keyframes left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top max-height max-width @media min-height min-width mix-blend-mode object-fit object-position nav-down nav-index nav-left nav-right nav-up opacity order outline outline-color outline-offset outline-style outline-width overflow overflow-x overflow-y padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin position punctuation-trim quotes resize right rotation tab-size table-layout target target-name target-new target-position text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-outline text-overflow text-shadow text-transform text-wrap top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi vertical-align visibility white-space width word-break word-spacing word-wrap z-index writing-mode gird gap row-gap grid-area grid-auto-columns grid-auto-rows grid-auto-flow grid-column grid-column-start grid-column-end grid-column-gap grid-gap grid-row-gap grid-row-end grid-row-start grid-template grid-template-areas grid-template-columns grid-template-rows grid-row @charset clip-path pointer-events CSS合法颜色值 CSS颜色十六进制值 CSS颜色名称 所有浏览器都支持颜色名称 147颜色名称定义在HTML和CSS的颜色规格(17个标准色加上130多个其他)。

下表列出了所有这些,连同其十六进制值。

提示:17种标准颜色:浅绿色,黑色,蓝色,紫红色,灰色,灰色,绿色,石灰,栗色,海军,橄榄,紫,红,银,蓝绿色,白色和黄色。

点击颜色的名称或十六进制值,伴随着不同的颜色名称或值其背景颜色会改变: 按颜色名称排序 列表按十六进制值进行排序 ColorName 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   CSS合法颜色值 CSS颜色十六进制值 点我分享笔记 取消 分享笔记 昵称昵称(必填) 邮箱邮箱(必填) 引用地址引用地址 分类导航 HTML/CSSHTML教程HTML5教程CSS教程CSS3教程Bootstrap3教程Bootstrap4教程Bootstrap5教程FontAwesome教程Foundation教程JavaScriptJavaScript教程HTMLDOM教程jQuery教程AngularJS教程AngularJS2教程Vue.js教程Vue3教程React教程TypeScript教程jQueryUI教程jQueryEasyUI教程Node.js教程AJAX教程JSON教程Echarts教程Highcharts教程Google地图教程服务端Python教程Python2.x教程Linux教程Docker教程Ruby教程Java教程C教程C++教程Perl教程Servlet教程JSP教程Lua教程Rust教程Scala教程Go教程PHP教程Django教程Zookeeper教程设计模式正则表达式Maven教程Verilog教程ASP教程AppML教程VBScript教程数据库SQL教程MySQL教程PostgreSQL教程SQLite教程MongoDB教程Redis教程Memcached教程数据分析Python教程NumPy教程Pandas教程Matplotlib教程Scipy教程R教程Julia教程移动端Android教程Swift教程jQueryMobile教程ionic教程Kotlin教程XML教程XML教程DTD教程XMLDOM教程XSLT教程XPath教程XQuery教程XLink教程XPointer教程XMLSchema教程XSL-FO教程SVG教程ASP.NETASP.NET教程C#教程WebPages教程Razor教程MVC教程WebForms教程WebServiceWebService教程WSDL教程SOAP教程RSS教程RDF教程开发工具Eclipse教程Git教程Svn教程Markdown教程网站建设HTTP教程网站建设指南浏览器信息网站主机教程TCP/IP教程W3C教程网站品质 Advertisement 反馈/建议 在线实例 ·HTML实例 ·CSS实例 ·JavaScript实例 ·Ajax实例 ·jQuery实例 ·XML实例 ·Java实例 字符集&工具 ·HTML字符集设置 ·HTMLASCII字符集 ·JS混淆/加密 ·PNG/JPEG图片压缩 ·HTML拾色器 ·JSON格式化工具 ·随机数生成器 最新更新 · 如何判断JavaSc... · JavaScriptNumb... · JavaScriptNumb... · JavaScriptNumb... · JavaScriptNumb... · jQuery判断元素... · JavaScript删除... 站点信息 · 意见反馈 · 免责声明 · 关于我们 · 文章归档 关注微信 Copyright©2013-2022菜鸟教程  runoob.comAllRightsReserved.备案号:闽ICP备15012807号-1 微信关注



請為這篇文章評分?