`

HTML颜色参考http://www.admin5.com/html/html_tutorials/050_html_color_ref.html

阅读更多
在HTML里,颜色有两种表示方式。一种是用颜色名称表示,比如blue表示蓝色。另外一种是用16进制的数值表示RGB的颜色值。RGB是 Red,Green,Blue意思,RGB每个原色的最小值是0,最大值是255,如果换算成16进制表示,就是(#00),(#FF)。比如白色的 RGB(255,255,255),就用#FFFFFF表示;还有黑色的RGB(0,0,0),就用#000000表示。

注:在W3C制定的HTML 4.0标准中,只有16种颜色可以用颜色名称表示(aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow),其它的颜色都要用16进制RGB颜色值表示。

当然,现在的浏览器支持更多的颜色名称。不过为保险起见,建议你还是采用16进制RGB颜色值来表示颜色。并且在值前加上#这个符号。

为了方便大家找到合适的颜色,我们在这里列了一些颜色说明,以供大家参考,不妨作为一种速查工具。
Web安全颜色

以前,很多电脑显示器最多支持256色,因此出现了216种Web安全颜色,以保证网页的颜色能够正确显示。

那为什么不是256种Web安全颜色呢?因为Microsoft和Mac操作系统有40种不同的系统保留颜色。

以下就是216种Web安全颜色:
#000000 #000033 #000066 #000099 #0000CC #0000FF
#003300 #003333 #003366 #003399 #0033CC #0033FF
#006600 #006633 #006666 #006699 #0066CC #0066FF
#009900 #009933 #009966 #009999 #0099CC #0099FF
#00CC00 #00CC33 #00CC66 #00CC99 #00CCCC #00CCFF
#00FF00 #00FF33 #00FF66 #00FF99 #00FFCC #00FFFF
#330000 #330033 #330066 #330099 #3300CC #3300FF
#333300 #333333 #333366 #333399 #3333CC #3333FF
#336600 #336633 #336666 #336699 #3366CC #3366FF
#339900 #339933 #339966 #339999 #3399CC #3399FF
#33CC00 #33CC33 #33CC66 #33CC99 #33CCCC #33CCFF
#33FF00 #33FF33 #33FF66 #33FF99 #33FFCC #33FFFF
#660000 #660033 #660066 #660099 #6600CC #6600FF
#663300 #663333 #663366 #663399 #6633CC #6633FF
#666600 #666633 #666666 #666699 #6666CC #6666FF
#669900 #669933 #669966 #669999 #6699CC #6699FF
#66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF
#66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF
#990000 #990033 #990066 #990099 #9900CC #9900FF
#993300 #993333 #993366 #993399 #9933CC #9933FF
#996600 #996633 #996666 #996699 #9966CC #9966FF
#999900 #999933 #999966 #999999 #9999CC #9999FF
#99CC00 #99CC33 #99CC66 #99CC99 #99CCCC #99CCFF
#99FF00 #99FF33 #99FF66 #99FF99 #99FFCC #99FFFF
#CC0000 #CC0033 #CC0066 #CC0099 #CC00CC #CC00FF
#CC3300 #CC3333 #CC3366 #CC3399 #CC33CC #CC33FF
#CC6600 #CC6633 #CC6666 #CC6699 #CC66CC #CC66FF
#CC9900 #CC9933 #CC9966 #CC9999 #CC99CC #CC99FF
#CCCC00 #CCCC33 #CCCC66 #CCCC99 #CCCCCC #CCCCFF
#CCFF00 #CCFF33 #CCFF66 #CCFF99 #CCFFCC #CCFFFF
#FF0000 #FF0033 #FF0066 #FF0099 #FF00CC #FF00FF
#FF3300 #FF3333 #FF3366 #FF3399 #FF33CC #FF33FF
#FF6600 #FF6633 #FF6666 #FF6699 #FF66CC #FF66FF
#FF9900 #FF9933 #FF9966 #FF9999 #FF99CC #FF99FF
#FFCC00 #FFCC33 #FFCC66 #FFCC99 #FFCCCC #FFCCFF
#FFFF00 #FFFF33 #FFFF66 #FFFF99 #FFFFCC #FFFFFF
微软支持的颜色名称

下面是微软IE4.0以上都支持的颜色名称:
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
(#8FBC8B) 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) lightgreen
(#90EE90)
lightgrey
(#D3D3D3) 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)
分享到:
评论

相关推荐

    AK大神AE教程

    http://115.com/file/c2dnfzgv# AK-123 下载地址http://video9.videocopilot.net/efc5e19e65fe9ca2cbd9818d45ac92a1/videotutorials/123-Dynamic_Machine_Gun/data/123-Dynamic_Machine_Gun.zip 工程文件...

    ultraedit 各种语法高亮着色官方文档(比如makefile语法)

    通过UE菜单栏的 查看->语法着色类型,语言1--语言20。配置文件在UE的安装目录下wordfile.uew, 这个文件路径可以通过... http://www.ultraedit.com/support/tutorials_power_tips/ultraedit/add_a_wordfile_pre_v15.html

    webRTC视讯聊天

    框架:springmvc+websocket+maven+webrtc ...http://www.html5rocks.com/en/tutorials/websockets/basics/ springmvc+websocket参考: http://my.oschina.net/ldl123292/blog/304360?fromerr=SvjNWtAy webrtc参考: ...

    qiu555-hypharos_minicar-master.zip

    MPC及Pursuit在ROS中的应用,2018 ROS Summer School in China ...○ [wiki] http://pythonhosted.org/pyserial/pyserial.html ○ Base_control.py [/home/hypharos/catkin_ws/src/hypharos_minibot/script

    STK_GLTF三维模型_原始

    1. 模型下载自AGI官网:http://assets.agi.com/models ,具体下载方式可参考:https://blog.csdn.net/wml00000/article/details/125401228 2. 模型均为gltf格式,符合gltf1.0标准,不支持gltf2.0标准,无法直接用...

    Codeigniter Grid 使用方法 (flexigrid)

    Codeigniter Grid 使用方法 (flexigrid) 博客分类: Codeigniter / CakePHP ASPRailsRubyPHPGoogle 来源:...Ruby on Rails example by Nick Fessel : http://www.nickfessel.com/

    VideoCopilot_Saber_LASXG.dmg

    影视 后期AE插件-VideoCopilot_Saber_LASXG 光影 效果超棒 制作简单 容易上手

    单点登录源码

    AliOSS & Qiniu & QcloudCOS | 云存储 | [https://www.aliyun.com/product/oss/](https://www.aliyun.com/product/oss/) [http://www.qiniu.com/](http://www.qiniu.com/) [https://www.qcloud.com/product/cos]...

    比较好的Java网站.pdf

    4. IBM developerworks 中国 : Java:http://www-128.ibm.com/developerworks/cn/java/index.html - 中文 这是 IBM 公司官方的中文技术社区,提供了丰富的技术文档、代码示例等资源。 5. Java swing component and ...

    Android代码-AIRobotwzNeuroController

    The hardware is based on the Arduino Pro Mini 328 3.3V, hence for setup instructions refer to https://learn.sparkfun.com/tutorials/using-the-arduino-pro-mini-33v. The main software components are: ...

    libemgucv-windesktop-4.2.0.3662.zip

    http://www.emgu.com/wiki/files/4.2.0.0/Index.html For tutorials and helps please visit the Emgu CV wiki http://www.emgu.com/wiki/ For questions and discussions please visit the Emgu CV forum ...

    C++ OPENCV 神經網路範例實作收藏

    C++ OPENCV 神經網路範例實作收藏 ...01.3輸入XOR- http://thomazmaia.com/pages/tutorials/mlpopencv3.html 02.分類+繪圖顯示結果- https://blog.csdn.net/qq_41051855/article/details/79923635 ...

    simple demo web project, it covers below techical topics:

    2. http://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html#maps 3. http://www.bootcss.com/ How to import to IDEA? refer to http://www.jianshu.com/p/31ff3b571b68 How to run ? 1. fire create ...

    解决ajaxpro+jquery冲突的例子。可以直接运行

    在项目的过程中,使用到了ajaxpro和jquery,但是,...以及:http://hi.baidu.com/%C8%FD%C3%F7%D6%CE001/blog/item/bf76b00816f8e185d1581b39.html的基础上,总算有了点眉目,发上来,共大家参考。 例子可以直接运行。

    HttpCanary 抓包工具.zip

    HttpCanary是一款强大的抓包工具,专为Android平台设计,帮助开发者、安全研究人员以及普通用户监控和分析网络通信。在IT行业中,网络抓包工具扮演着至关重要的角色,它们能够捕获并记录网络上的数据包,以便于调试...

    中文汉化版+AE三维行星插件Videocopilot+ORB

    Video Copilot即将发布一个新的AE插件,称为Orb。它最初只是一个简单的CC Sphere插件(CC球体)的替代品,但现在已经成为一个完整的3D行星产生器,包括基于物理的着色器,大气功能,定制的地形凹凸贴图,环境反射,...

    matlab的概要介绍与分析

    - 链接:https://www.mathworks.com/learn/tutorials.html 3. **Coursera 和 edX**:这两个平台上有很多大学提供的 MATLAB 课程,通常包括视频讲座、作业和项目。 - Coursera: ...

    iOS_11_by_Tutorials_v1.0_Code_9-15

    【iOS 11 by Tutorials v1.0 Code 9-15】是针对iOS开发者的资源包,包含了第9到15章的学习教程源代码。这个资源旨在帮助开发者深入理解并掌握iOS 11的新特性和技术。下面将详细阐述每个章节涉及的知识点。 1. **10-...

    java学习网站

    - **网址**:[http://www.jguru.com/faq/](http://www.jguru.com/faq/) - **简介**:jGuru 是一个专门针对Java开发者的问答社区,这里汇集了大量的Java开发者和技术专家,可以在这里找到很多Java相关的技术问题解答...

    C语言经典网站 C C++ VC VB

    6. **C programming**(http://www.cprogramming.com/)和**C++ Tutorials**(http://www.glenmccl.com/tutor.htm)以及**C FAQ**(http://www-users.cs.umn.edu/~tan/www-docs/C_lang.html):这些是C语言的教程...

Global site tag (gtag.js) - Google Analytics