`
llyzq
  • 浏览: 580030 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

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)
background-color: #ffe4b5; color: #333333; padding-left: 5px; padding-right: 5px; padding-top: 2
分享到:
评论

相关推荐

    HTML 颜色参考 标签

    "HTML 颜色参考" 在 HTML 中,颜色可以用两种方式表示,一种是用颜色名称表示,如 blue 表示蓝色;另一种是用 16 进制的数值表示 RGB 的颜色值。RGB 是 Red、Green、Blue 的缩写,每个原色的最小值是 0,最大值是 ...

    HTML颜色参考.doc

    HTML颜色参考是网页设计中一个基础且重要的概念。在HTML中,颜色可以通过两种方式来表示:颜色名称和16进制RGB值。 1. **颜色名称**:在HTML早期的标准中,只支持16种预定义的颜色名称,例如`aqua`、`black`、`blue...

    HTML颜色参考手册(网页开发必备工具)

    HTML颜色参考手册是网页开发者的重要工具,它提供了一种方便的方式来选择和使用颜色,确保网页设计的色彩搭配得当,视觉效果良好。 在HTML中,颜色可以使用不同的方式表示,包括: 1. 名称:例如`红色文本</font>`...

    HTML颜色参考.mht

    HTML颜色参考.mht,详细介绍了各种颜色代码,很实用的一个东西。。。

    HTML颜色参考 做页面时找颜色代码对照很方便

    做页面时找颜色代码对照很方便,做页面时找颜色代码对照很方便

    HTML 元素 颜色 参考文档

    一、HTML颜色表示方法 1. 名称法:HTML提供了一组预定义的颜色名称,例如`red`、`blue`和`green`等。可以直接在CSS样式中使用这些名称来指定颜色。 2. 十六进制(Hex):这是最常用的表示方式,由六个十六进制数字...

    html讲义课件及代码

    2. **HTML颜色参考**(050_html_color_ref.html): 这个文件可能涵盖了HTML中表示颜色的方法,包括RGB、HEX、HSL等颜色模式,以及预定义的颜色名称。比如,`<font color="#FF0000">`可以设置文本颜色为红色,`...

    Html参考大全+CSS参考大全+颜色拾取器

    HTML参考大全:这是一部全面涵盖HTML的资源,可能包括以下内容: 1. **基础元素**:如`<html>`、`<head>`、`<body>`等,用于定义整个网页的基本框架。 2. **文本元素**:如`<p>`(段落)、`<h1>`到`<h6>`(标题)、`...

    html教程 word版

    16. **HTML颜色参考**:HTML支持颜色名称、十六进制和RGB值来指定颜色。 学习HTML时,了解这些基本概念和常用标签是非常重要的第一步。通过实践和不断尝试,你可以创建出具有丰富内容和样式的网页。同时,随着技术...

    HTML颜色与RGB常用颜色代码表

    HTML颜色和RGB是网页设计和前端开发中不可或缺的基础知识,它们用于定义文本、背景、边框等元素的颜色。本文将详细介绍HTML颜色代码和RGB颜色系统,并结合提供的资源文件"RGB颜色表.xls"和"HTML颜色代码表.doc"来...

    CSS或HTML 颜色汇总

    提供的“HTML色彩大全.doc”文件可能包含所有HTML预定义颜色名称的详细列表,以及它们对应的十六进制和RGB值,这是一份实用的参考资源,有助于快速查找和选择所需颜色。 总之,理解和掌握CSS与HTML中的颜色处理是...

    html css 颜色图谱与颜色代码参考大全.docx

    html css 颜色图谱与颜色代码参考大全.docx

    html代码颜色展示

    HTML颜色代码是网页设计中不可或缺的一部分,用于定义文本、背景或任何元素的颜色。在HTML中,颜色可以通过多种方式表示,包括名称、十六进制、RGB、RGBA、HSL和HSLA格式。本篇文章将详细讲解这些颜色表示方法以及...

    常用颜色及web 2.0参考颜色表

    在HTML中,我们可以使用`<span>`或`<div>`标签,并通过`style`属性设置颜色代码,如`style="color: #FF0000;"`将文本颜色设为红色。 总的来说,“常用颜色及Web 2.0参考颜色表”是设计师的重要工具,它们提供了丰富...

    html颜色大全html颜色大全

    HTML颜色大全是一个涵盖广泛的颜色资源,它涉及到网页设计和开发中的色彩应用。在HTML中,颜色可以通过多种方式表示,如英文颜色名称、十六进制代码、RGB值以及RGBA值等。这个压缩包文件"html颜色.hta"很可能包含了...

    html参考手册+CSS参考手册+html资源等12个文件.rar

    动态 HTML (DHTML) 对象模型参考 DHTML 对象 DHTML 属性 DHTML 方法 DHTML 事件 DHTML 集合 HTML 参考 HTML 元素 HTML 字符集 样式表(CSS)参考 CSS 属性参考 CSS 长度单位参考 其他参考 命令标识符 ...

    RGB颜色表(HTML格式非常直观)

    本资源是一个名为“RGB颜色表.htm”的文件,提供了一个全面的RGB颜色参考表,对于程序员和网页设计师来说非常实用。 这个HTML文件中,每个颜色都会被展示为一个色块,直观地显示出颜色的外观,同时旁边会列出该颜色...

    HTML5 开发参考手册

    这个压缩包包含三份重要的参考手册,分别针对HTML5、CSS3和HTML DOM,这些都是Web开发者不可或缺的知识工具。 首先,"HTML5参考手册"是W3School官网提供的权威指南。HTML5的引入是为了统一和标准化Web语言,提升...

    html,js,jquery,css,html dom参考手册

    CSS参考手册会列出所有选择器、属性、值,如颜色、字体、盒模型、布局模式(如Flexbox或Grid),以及如何创建响应式设计等。 HTML DOM(Document Object Model)是HTML和XML文档的编程接口,它将文档表示为树形结构...

    颜色16进制值参考文档

    16进制颜色代码是一种广泛使用的表示颜色的方式,特别是在HTML、CSS和其他编程语言中。这种编码系统使用六字符的十六进制数来表示红、绿、蓝(RGB)三原色的强度,每个颜色通道用两位16进制数表示。 16进制颜色代码...

Global site tag (gtag.js) - Google Analytics