在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) |
background-color: #ffe4b5; color: #333333; padding-left: 5px; padding-right: 5px; padding-top: 2
分享到:
Global site tag (gtag.js) - Google Analytics
|
相关推荐
HTML颜色参考,需要可以下载看看,里面很详尽介绍了,不会失望的,希望能帮到你
HTML颜色参考.mht,详细介绍了各种颜色代码,很实用的一个东西。。。
HTML颜色参考.doc
这是一个网页开发必备工具,专门用来参考颜色的。 有了它,你可以所见所得,更加快捷的选择你需要的颜色,利于您的网页配色或者颜色搭配。
做页面时找颜色代码对照很方便,做页面时找颜色代码对照很方便
HTML 元素 颜色 参考文档
Web开发必备,Html参考大全、CSS参考大全+颜色拾取器(前台开发必备)
html css 颜色图谱与颜色代码参考大全.docx
动态 HTML (DHTML) 对象模型参考 DHTML 对象 DHTML 属性 DHTML 方法 DHTML 事件 DHTML 集合 HTML 参考 HTML 元素 HTML 字符集 样式表(CSS)参考 CSS 属性参考 CSS 长度单位参考 其他参考 命令标识符 ...
颜色 客户端字体 字符实体 文字布局(Text Style) 行的控制 文字的对齐 文字的分区 列表 定制列表元素 预格式化文本 空白 多列文本 图象(Image) 基本语法 和文字的对齐 在页面中的对齐/布局 边框 ...
这是从大量网页中搜集、整理、编辑而成的HTML参考手册,包括HTML4.01、HTML5里面使用的标签及其用法,列出了HTML元素的各种属性和它们的属性值,例如字符集、颜色名(显示其对应色彩)、颜色值,还有HTTP状态信息和...
HTML语言大全,意义和示例。 HTML特殊字符显示 HTML图片(Images) HTML头部信息(Head) HTML颜色参考
动态 HTML (DHTML) 对象模型参考 DHTML 对象 DHTML 属性 DHTML 方法 DHTML 事件 DHTML 集合 HTML 参考 HTML 元素 HTML 字符集 样式表(CSS)参考 CSS 属性参考 CSS 长度单位参考 其他参考 命令标识符 ...
HTML颜色代码大全,设置一些浅色或亮色的颜色时可以用来参考
初学者要看的html网页标签手册,一本简单的html网页元素用法参考.
用HTML5做的,给一个没有颜色的小鸭子填充颜色,可选择不同颜色画笔,选择橡皮擦等,demo可用,并有博客可供参考!
html实现自定emoji,实现比较简单,美化方便需要自己处理,主要是个人学习使用。需要的可以参考参考。
html的相关颜色代码,有必要的同学可以使用, 供大家参考
动态 HTML (DHTML) 对象模型参考 DHTML 对象 DHTML 属性 DHTML 方法 DHTML 事件 DHTML 集合 HTML 参考 HTML 元素 HTML 字符集 样式表(CSS)参考 CSS 属性参考 CSS 长度单位参考 其他参考 命令标识符 ...
动态 HTML (DHTML) 对象模型参考 DHTML 对象 DHTML 属性 DHTML 方法 DHTML 事件 DHTML 集合 HTML 参考 HTML 元素 HTML 字符集 样式表(CSS)参考 CSS 属性参考 CSS 长度单位参考 其他参考 命令标识符 ...