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

HTML颜色参考

HTMLWeb浏览器Microsoft 
阅读更多

在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颜色参考.doc

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

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

    HTML颜色参考是网页设计中必不可少的一部分，用于定义和呈现页面元素的颜色。颜色代码通常是十六进制（Hexadecimal）表示法，这种表示法为每种颜色提供了唯一的六位字符编码，由三对十六进制数字组成，每对代表红、...

    HTML颜色参考手册（网页开发必备工具）

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

    HTML颜色参考.mht

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

    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颜色对照列表-高清版

    HTML颜色对照列表是一种用于网页设计和开发的颜色参考工具，它包含了大量的颜色名称及其对应的十六进制颜色值。在HTML中，颜色可以通过颜色名或者十六进制颜色代码来指定，这使得网页设计师能够精确地控制页面的色彩...

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

    总的来说，理解和掌握 HTML 和 CSS 的颜色表示方式，以及如何使用颜色图谱和代码参考，对于创建美观且易读的网页至关重要。设计师和开发者可以根据需求选择合适的方法来表示颜色，以达到最佳的视觉效果。

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

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

    html代码颜色展示

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

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

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

    HTML颜色代码表

    HTML颜色代码是网页设计中用来指定颜色的一种方式。...总的来说，HTML颜色代码表是网页设计者和开发者的重要工具，它提供了一个方便的颜色参考，使得在创建美观、有视觉吸引力的网站时能够选择和搭配出理想的颜色方案。

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

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

    html网页字体颜色设置大全

    在HTML网页设计中，字体颜色的设置是提升页面视觉效果、增强阅读体验的重要一环。本文将全面解析如何在HTML中设置字体颜色，包括使用内联样式、CSS样式...希望本文能够为你的HTML网页设计之路提供有价值的参考和灵感。

Magicbox
Global site tag (gtag.js) - Google Analytics