HTML颜色参考

最新推荐文章于 2024-07-16 15:41:31 发布
最新推荐文章于 2024-07-16 15:41:31 发布
阅读量704 收藏
点赞数
分类专栏： Web开发 文章标签： html microsoft web c deb 浏览器

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 <script type="text/javascript">arw(">Z", ark4);</script> 0标准中，只有16种颜色可以用颜色名称表示(aqua, black, blue, fuchsia, gray, green, lime, maroon <script type="text/javascript">arw("@g", ark3);</script> navy, olive, purple, red, silver, teal, white, and yellow)，其它的颜色都要用16进制RGB颜色值表示。

种不同的系统保留颜色。以下就是216种Web安全颜色：#这个符号。56种Web安全颜色呢？因为Microsoft和Mac操作系统有。

当然 <script type="text/javascript">arw("[bF", ark5);</script> 现在的浏览器支持更多的颜色名称。不过为保险起见，建议你还是采用16进制RGB颜色值来表示颜色。并且在值前加上#这个符号。

为了方便大家找到合适的颜色 <script type="text/javascript">arw("[bF+HA", ark5);</script> 们在这里列了一些颜色说明 <script type="text/javascript">arw(",2W", ark1);</script> 以供大家参考 <script type="text/javascript">arw("$mz}qy", ark2);</script> 妨作为一种速查工具 <script type="text/javascript">arw("(iL", ark0);</script>

Web安全颜色

以前，很多电脑显示器最多支持256色，因此出现了216种Web安全颜色 <script type="text/javascript">arw("[bF", ark5);</script> 以保证网页的颜色能够正确显示。

以下就是216种Web安全颜色：000000表示。以保证网页的颜色能够正确显示。

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

<script type="text/javascript">arw("LNzFR>L?p^0bF?t@CbRNVDR>L?p88i5?t@CV^0iF?o", ark0);</script>

以下就是216种Web安全颜色 <script type="text/javascript">arw("[b7", ark5);</script>

#000000#000033#000066#000099#0000cc#0000ff
#003300#003333#003366#003399 <script type="text/javascript">arw("@PmDvlbE", ark7);</script> #0033ff
#006600#006633#006666#006699#0066cc#0066ff
#009900#009933 <script type="text/javascript">arw(">cXt2ezB", ark4);</script> <script type="text/javascript">arw("@Rinrbur", ark1);</script> #0099cc#0099ff
#00cc00#00cc33#00cc66#00cc99#00cccc#00ccff
#00ff00#00ff33#00ff66 <script type="text/javascript">arw("@XQTfrK9", ark3);</script> #00ffcc#00ffff
#330000#330033#330066#330099 <script type="text/javascript">arw("@PlAsmbE", ark7);</script> #3300ff
#333300#333333#333366#333399#3333cc#3333ff
#336600#336633#336666 <script type="text/javascript">arw("@XTQ6OK9", ark3);</script> #3366cc#3366ff
#339900#339933#339966#339999#3399cc#3399ff
<script type="text/javascript">arw("@BKs6xvi", ark0);</script> #33cc33#33cc66#33cc99#33cccc <script type="text/javascript">arw("@RhkK6MJ", ark1);</script>
<script type="text/javascript">arw(">sSCkqBP", ark5);</script> #33ff33#33ff66#33ff99#33ffcc#33ffff
#660000#660033#660066#660099#6600cc#6600ff
<script type="text/javascript">arw("@Po9vlDs", ark7);</script> #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 <script type="text/javascript">arw("@Rbuyiur", ark1);</script> #9900cc#9900ff
#993300#993333#993366#993399#9933cc#9933ff
<script type="text/javascript">arw("@hu28p;C", ark2);</script> #996633#996666#996699#9966cc#9966ff
<script type="text/javascript">arw("@hu27u;C", ark2);</script> <script type="text/javascript">arw("@XJK9JQ3", ark3);</script> #999966#999999#9999cc#9999ff
#99cc00#99cc33#99cc66#99cc99#99cccc#99ccff
<script type="text/javascript">arw(">cekU8t;", ark4);</script> #99ff33#99ff66#99ff99#99ffcc#99ffff
#cc0000#cc0033 <script type="text/javascript">arw(">walTCTN", ark6);</script> #cc0099 <script type="text/javascript">arw(">walTClr", ark6);</script> #cc00ff
<script type="text/javascript">arw(">walQBNT", ark6);</script> #cc3333#cc3366#cc3399#cc33cc#cc33ff
#cc6600#cc6633#cc6666#cc6699#cc66cc#cc66ff
#cc9900#cc9933#cc9966#cc9999#cc99cc <script type="text/javascript">arw("@POblvYH", ark7);</script>
#cccc00#cccc33#cccc66#cccc99#cccccc#ccccff
#ccff00#ccff33 <script type="text/javascript">arw(">spZkq;R", ark5);</script> #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 <script type="text/javascript">arw("@ByEbQH6", ark0);</script> #ff99ff
<script type="text/javascript">arw("@R5MK6ny", ark1);</script> #ffcc33#ffcc66#ffcc99 <script type="text/javascript">arw(">wZmralr", ark6);</script> #ffccff
#ffff00#ffff33#ffff66#ffff99#ffffcc#ffffff

<script type="text/javascript">arw(",VU!WV};V}HD|5^_xG!Kw,D3|sy", ark6);</script>

下面是微软IE4.0以上都支持的颜色名称：

aliceblue
(#f0f8ff)		antiquewhite
(#faebd7)		aqua
<script type="text/javascript">arw("@6>MiJE5yE?w", ark0);</script> 		aquamarine
(#7fffd4)
azure
(#f0ffff)		beige
<script type="text/javascript">arw("@c=wfNo5pr=p", ark3);</script> 		<script type="text/javascript">arw("epZvVr", ark5);</script>
(#ffe4c4)		black
(#000000)
blanchedalmond
<script type="text/javascript">arw("@c", ark3);</script> #ffebcd)		blue
(#0000ff)		 <script type="text/javascript">arw("QTjFJvDTz2", ark0);</script>
<script type="text/javascript">arw("@6>Mant9zt?w", ark0);</script> 		brown
<script type="text/javascript">arw("@E?gSrBSkd=P", ark7);</script>
burlywood
(#deb887)		cadetblue
<script type="text/javascript">arw("@c", ark3);</script> #5f9ea0)		chartreuse
<script type="text/javascript">arw(">r", ark6);</script> #7fff00)		chocolate
(#d2691e)
<script type="text/javascript">arw("HOWRT", ark0);</script>
(#ff7f50)		cornflowerblue
(#6495ed)		cornsilk
(#fff8dc <script type="text/javascript">arw(">m", ark5);</script> 		crimson
<script type="text/javascript">arw("@E", ark7);</script> #dc143c)
cyan
(#00ffff)		darkblue
<script type="text/javascript">arw("@K?EyinyaI?7", ark1);</script> 		darkcyan
(#008b8b)		darkgoldenrod
<script type="text/javascript">arw(">r", ark6);</script> #b8860b <script type="text/javascript">arw("@F", ark7);</script>
darkgray
(#a9a9a9)		darkgreen
<script type="text/javascript">arw("@K", ark1);</script> #006400)		darkkhaki
(#bdb76b)		darkmagenta
<script type="text/javascript">arw(">X@O34t;fS@^", ark4);</script>
<script type="text/javascript">arw("kttdfzrYYpcYng", ark6);</script>
(#556b2f)		darkorange
(#ff8c00)		darkorchid
(#9932cc)		darkred
(#8b0000)
darksalmon
(#e9967a)		darkseagreen
(#8fbc8b)		darkslateblue
(#483d8b)		darkslategray
(#2f4f4f <script type="text/javascript">arw("@F", ark7);</script>
darkturquoise
<script type="text/javascript">arw(">r", ark6);</script> #00ced1)		darkviolet
<script type="text/javascript">arw("@6>MbFviws?w", ark0);</script> 		<script type="text/javascript">arw("kpYgeUej", ark6);</script>
<script type="text/javascript">arw("@K?EJ5mubk?7", ark1);</script> 		deepskyblue
<script type="text/javascript">arw("@K?EyiIJ5M?7", ark1);</script>
<script type="text/javascript">arw("G0b", ark0);</script> gray
<script type="text/javascript">arw(">n", ark5);</script> #696969)		dodgerblue
(#1e90ff)		firebrick
(#b22222 <script type="text/javascript">arw("@7", ark0);</script> 		floralwhite
(#fffaf0)
forestgreen
(#228b22)		fuchsia
<script type="text/javascript">arw(">n", ark5);</script> #ff00ff)		gainsboro
(#dcdcdc)		ghostwhite
<script type="text/javascript">arw(">X", ark4);</script> #f8f8ff)
<script type="text/javascript">arw("bu2W", ark2);</script>
(#ffd700)		goldenrod
(#daa520 <script type="text/javascript">arw("@d", ark3);</script> 		gray
(#808080)		green
(#008000)
greenyellow
<script type="text/javascript">arw(">r?utbmoAm@b", ark6);</script> 		honeydew
(#f0fff0)		hotpink
(#ff69b4)		indianred
(#cd5c5c)
indigo
(#4b0082)		ivory
(#fffff0 <script type="text/javascript">arw("@b", ark2);</script> 		khaki
(#f0e68c)		lavender
(#e6e6fa <script type="text/javascript">arw("@F", ark7);</script>
lavenderblush
(#fff0f5)		lawngreen
(#7cfc00)		lemonchiffon
(#fffacd <script type="text/javascript">arw("@7", ark0);</script> 		lightblue
<script type="text/javascript">arw("@c", ark3);</script> #add8e6)
lightcoral
(#f08080)		lightcyan
(#e0ffff)		lightgoldenrodyellow
(#fafad2)		lightgreen
(#90ee90)
lightgrey
(#d3d3d3)		lightpink
(#ffb6c1)		lightsalmon
(#ffa07a)		lightseagreen
(#20b2aa)
<script type="text/javascript">arw("clWoaqdVdcZY", ark6);</script>
(#87cefa)		lightslategray
(#778899 <script type="text/javascript">arw("@7", ark0);</script> 		lightsteelblue
(#b0c4de)		lightyellow
(#ffffe0)
<script type="text/javascript">arw("^0bF", ark0);</script>
(#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 <script type="text/javascript">arw("@d", ark3);</script> 		midnightblue
<script type="text/javascript">arw("@K", ark1);</script> #191970)		mintcream
(#f5fffa)
mistyrose
(#ffe4e1)		moccasin
(#ffe4b5)		navajowhite
(#ffdead)		navy
(#000080)
oldlace
<script type="text/javascript">arw("@6", ark0);</script> #fdf5e6)		olive
(#808000)		olivedrab
(#6b8e23)		orange
(#ffa500)
<script type="text/javascript">arw("Bw", ark4);</script> angered
<script type="text/javascript">arw("@E", ark7);</script> #ff4500)		 <script type="text/javascript">arw("DNxK0w", ark0);</script>
(#da70d6)		palegoldenrod
(#eee8aa)		palegreen
<script type="text/javascript">arw(">X", ark4);</script> #98fb98 <script type="text/javascript">arw("@d", ark3);</script>
paleturquoise
(#afeeee)		 <script type="text/javascript">arw("yc2VpRzzNmtNW", ark2);</script>
<script type="text/javascript">arw("@K", ark1);</script> #db7093 <script type="text/javascript">arw(">W", ark4);</script> 		<script type="text/javascript">arw("C8UREn73vC", ark0);</script>
(#ffefd5)		peachpuff
(#ffdab9 <script type="text/javascript">arw("@7", ark0);</script>
peru
(#cd853f)		pink
(#ffc0cb)		plum
(#dda0dd)		powderblue
(#b0e0e6)
purple
(#800080)		red
(#ff0000 <script type="text/javascript">arw("@7", ark0);</script> 		rosybrown
(#bc8f8f)		royalblue
(#4169e1)
<script type="text/javascript">arw("1h^Eu9SwL5s", ark4);</script>
(#8b4513)		salmon
(#fa8072)		 <script type="text/javascript">arw(";MRO094^G0", ark1);</script>
(#f4a460)		seagreen
(#2e8b57 <script type="text/javascript">arw("@b", ark2);</script>
seashell
<script type="text/javascript">arw("@a@cZMU;NV?O", ark2);</script> 		sienna
(#a0522d)		 <script type="text/javascript">arw("ppgqle", ark5);</script>
(#c0c0c0)		skyblue
(#87ceeb)
slateblue
<script type="text/javascript">arw("@c", ark3);</script> #6a5acd)		slategray
(#708090)		snow
(#fffafa <script type="text/javascript">arw("@b", ark2);</script> 		springgreen
(#00ff7f)
steelblue
(#4682b4)		 <script type="text/javascript">arw("Utx", ark6);</script>
(#d2b48c <script type="text/javascript">arw("@F", ark7);</script> 		teal
<script type="text/javascript">arw("@c=w0QL0IT=p", ark3);</script> 		thistle
(#d8bfd8)
tomato
(#ff6347)		turquoise
(#40e0d0)		violet
(#ee82ee)		 <script type="text/javascript">arw("ZmYza", ark6);</script>
(#f5deb3)
white
<script type="text/javascript">arw(">X@OU8GU8G@^", ark4);</script> 		whitesmoke
(#f5f5f5)		yellow
(#ffff00)		yellowgreen
(#9acd32)
 
gohands
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html对应的颜色英文名,[转载]Html颜色参考——颜色的英文名称和数字对照
weixin_29967003的博客
06-18 2567
在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 颜色
qq_41241504的博客
02-19 745
RGBA 的意思是（Red-Green-Blue-Alpha）它是在 RGB 上扩展包括了“alpha”通道，运行对颜色值设置透明度。 div { background:rgba(255,0,0,0.5); } 相对于使用 rgb(255,255,0)，使用 rgba(255,255,0,0.5) 可以实现设置颜色透明度的功能，这里的 0.5 表示透明度，范围 0~1，0 表示全透明...
颜色
众生云云
09-26 4915
颜色大全：美国NamedNumericColor NameHex RGBDecimalLightPink浅粉红#FFB6C1255,182,193Pink粉红#FFC0CB255,192,203Crimson
HTML颜色代码表 汇总
12-02 3527
html两个网站上颜色，供参考用，省的找了
HTML颜色参考.doc
01-06
HTML颜色参考是网页设计中一个基础且重要的概念。在HTML中，颜色可以通过两种方式来表示：颜色名称和16进制RGB值。 1. **颜色名称**：在HTML早期的标准中，只支持16种预定义的颜色名称，例如`aqua`、`black`、`blue...
HTML 颜色参考 标签
04-15
"HTML 颜色参考" 在 HTML 中，颜色可以用两种方式表示，一种是用颜色名称表示，如 blue 表示蓝色；另一种是用 16 进制的数值表示 RGB 的颜色值。RGB 是 Red、Green、Blue 的缩写，每个原色的最小值是 0，最大值是 ...
HTML颜色参考.mht
12-01
HTML颜色参考.mht，详细介绍了各种颜色代码，很实用的一个东西。。。
HTML颜色参考手册（网页开发必备工具）
09-04
HTML颜色参考手册是网页开发者的重要工具，它提供了一种方便的方式来选择和使用颜色，确保网页设计的色彩搭配得当，视觉效果良好。 在HTML中，颜色可以使用不同的方式表示，包括： 1. 名称：例如`红色文本</font>`...
HTML编码参考手册全
08-01
这个“HTML编码参考手册全”很可能包含了大量的HTML元素、属性、标签和编码规则的详细信息，对于学习和理解HTML编程至关重要。 HTML语法的核心在于标签，它们以尖括号包围，如`<html>`、`<head>`、`<body>`等。每个...
Html_Css问答集(12)
最新发布
白话魔法师
07-16 583
html与css学习中的一些疑问，问答中轻松获取知识。
CH15-DOM元素属性
IT技术类博客
07-13 1034
DOM 元素
如何理解HTML语义化以及它的重要性体现在哪里
2402_84885073的博客
07-14 652
综上所述，HTML语义化对于提升网页的SEO、无障碍访问性、代码可读性可维护性、减少CSS和JavaScript依赖、支持多终端设备的浏览器渲染以及提高网站的专业性和可信度等方面都具有重要意义。因为通过合理的标签选择和结构安排，可以使得网页在没有或较少CSS和JavaScript的情况下也能够呈现出清晰的结构和基本的布局效果。HTML语义化是指使用具有明确含义的HTML标签来构建网页内容的过程，这些标签不仅描述了内容的结构，还传达了内容的含义。这有助于提高网页在搜索引擎中的排名，增加网页的曝光度和流量。
前端开发体系+html文件详解
m0_63432840的博客
07-14 505
target：指定超文本资源路径打开方式 _self(本窗口内打开) _blank(新窗口内打开) _parent(跳出父级窗口) _top（跳出顶级窗口)controls="true"手动控制音频播放，也可换为autoplay（进入网页自动播放）或loop（循环播放）width="500px" height="300px"可改变视频窗口大小但不会改变原视频外框的形状。此时的a标签为为锚点，如果要跳到另一个同目录页面的一个指定位置，在href后加其他页面路径。优先级：行内样式>内部样式=外部样式。
javaweb学习day5--《HTML篇》Springboot的模块创建、HTML的相关知识点详解
2302_80329073的博客
07-11 1144
从今天开始，就要启动后端的学习了，Springboot会贯穿到底，一定要跟着小编严谨的去搭建Springboot环境，依赖添加的过程可能需要2分钟左右，读者们要耐心等待一下，搭建好Springboot之后才算正式的开始web后端的学习，http相关的内容仅供了解。 如果大家准备好的话那就一起开启我们的后端之旅。
Html_Css问答集(9)
白话魔法师
07-16 689
html与css学习中的一些疑问，问答中轻松获取知识。
js实现一键任意html元素生成截图功能
ACBC12345的博客
07-13 621
js实现一键生成任意html图片功能, 对于出现滚动条看不见的元素也能生成图片
html超文本传输协议
m0_71332744的博客
07-15 220
" id="bottom">页脚手机：账户：提供基础的web界面。
【Js】导出 HTML 为 Word 文档
smart_dream
07-13 392
html-docx-js是一个 JavaScript 库，用于将 HTML 内容转换为 Word 文档的格式。它提供了简单的 API，使得在浏览器环境中可以轻松地生成并导出 Word 文档。1、先引入这两个库：可以通过 npm 安装，也可以直接使用 CDN 引入，还可以下载到本地项目引用。2、创建一个导出方法，该方法接受 HTML 内容作为参数，并将其导出为 Word 文档。3、在应用中调用上述导出方法，并传入想导出的 HTML 内容。
图文排版 html参考
06-30
9. CSS（Cascading Style Sheets）：虽然不是HTML的一部分，但CSS用于控制图文的样式，包括字体、颜色、布局等。 在实际排版中，可能还需要结合CSS编写样式规则，以及响应式设计技术（如媒体查询）来适应不同设备的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值