`

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 工程文件...

    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参考: ...

    STK_GLTF三维模型_原始

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

    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

    iOS_11_by_Tutorials_v1.0_Code_9-15

    iOS 11 by tutorials 源码(第9至15章) http://download.csdn.net/user/xrick

    Codeigniter Grid 使用方法 (flexigrid)

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

    c# 学 习 网 址

    We currently have 24,004 scripts across 11 different programming languages and 1,240 categories, as well as links to books, articles, as well as programming tips and tutorials. 名称:ASPAlliance ...

    VideoCopilot_Saber_LASXG.dmg

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

    pygtk 中文教程(完整版) 最新 一叶知秋 PDF

    在http://www.zetcode.com/tutorials/这里发现了http://www.zetcode.com/tutorials/pygtktutorial/ 比较新的教程。计划翻译一下整个教程,为自己的一个PyGTK相关的项目,也为想学PyGTK的新手。 一叶知秋 英文版...

    单点登录源码

    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]...

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

    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的基础上,总算有了点眉目,发上来,共大家参考。 例子可以直接运行。

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

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

    Project: Stealth Unity3d官方视频(1080p)教程+英文字幕+各章节文本说明(包含C#、JS、Boo源代码)

    [http://unity3d.com/learn/tutorials/projects/stealth] (http://unity3d.com/learn/tutorials/projects/stealth) ##介绍 Create a fully functioning level of a third person stealth game, learn about player ...

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

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

    ros2_tutorials.zip

    ROS教程 ROS 2 tutorials:https://github.com/zhangrelay/ros2_tutorials 配置教程包 Tutorial package configuration: 下载:git clone 编译:colcon build 使用:ros2 run 导入编译的环境 Import the compiled...

    2020_blogger:http://tutorials.jumpstartlab.comprojectsblogger.html --- https:www.theodinproject.comcoursesruby-on-railslessonsruby-on-rails-ruby-on-rails

    自述文件该自述文件通常会记录启动和运行应用程序所需的所有步骤。 您可能要讲的内容: Ruby版本系统依赖配置数据库创建数据库初始化如何运行测试套件服务(作业队列,缓存服务器,搜索引擎等) 部署说明...

    最新的Java SE Tutorials chm文档,到今天(2013-05-03)为止最新,最完整

    到今天(2013-05-03)为止最新的Java SE Tutorials 2012-02-28(Last Updated 6/14/2012)...http://www.oracle.com/technetwork/java/javase/downloads/java-se-7-tutorial-2012-02-28-1536013.html(bundle file download)

Global site tag (gtag.js) - Google Analytics