当前位置:首页 > 前端技术 > html网页制作时各种颜色的,HTML的一些关于颜色方面的参考

html网页制作时各种颜色的,HTML的一些关于颜色方面的参考

2022年09月17日 14:19:29前端技术10

在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颜色值表示。

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

当然

,现在的浏览器支持更多的颜色名称。不过为保险起见,建议你还是采用16进制RGB颜色值来表示颜色。并且在值前加上#这个符号。

为了方便大家找到合适的颜色

,我们在这里列了一些颜色说明

,以供大家参考

,不妨作为一种速查工具

Web安全颜色

以前,很多电脑显示器最多支持256色,因此出现了216种Web安全颜色

,以保证网页的颜色能够正确显示。

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

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

green, lime, maroon, navy, olive!

以下就是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)

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

相关文章

相关视频

作者:硴錵
来源链接:https://blog.csdn.net/weixin_31688167/article/details/118009980

版权声明:
1、JavaClub(https://www.javaclub.cn)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。


本文链接:https://www.javaclub.cn/front/42713.html

分享给朋友:

“html网页制作时各种颜色的,HTML的一些关于颜色方面的参考” 的相关文章

HTML5结构标签

GUIDM在这里祝大家节日快乐! 博主有话说:如果有描述错误之处请大家纠正。让我们可以一起学习一起进步。 个人主页:GUIDM的主页 内容专栏:HTML5干货系列 此块内容为纯纯的干货,略显乏味枯燥,是笔记向的blog。如果觉得还不错,希...

Markdown中使用html标签

有时候,我们会在笔记中使用一些HTML标签,但是Markdown中直接使用html标签会被解析为格式.该怎么书写,可以直接显示为html的标签呢. <h1>这是一个标题</h1> //其中的<h1&g...

模板引擎 Thymeleaf  动态渲染 HTML

模板引擎 Thymeleaf 动态渲染 HTML

1、添加依赖 <!-- Thymeleaf 模板引擎 --> <dependency> <groupId>org.thymeleaf</gro...

HTML框架结构标签(frameset)

HTML框架结构标签(frameset)

第一次了解到竟然还有HTML框架结构标签()。为此小编在实例中应用了一下,但是在搭建框架之初就遇到 了问题。为此总结本博客,以便大家能及时解决问题。 什么是HTML框架结构标签(<frameset>)...

html的class怎么使用方法,HTML的class属性怎么用?使用方法详细总结!

html的class怎么使用方法,HTML的class属性怎么用?使用方法详细总结!

我们在开发网页时有一个属性经常被用到,那就是 class。这篇文章 w3cschool 小编来为大家介绍下 HTML 的 class 属性怎么用。学习 class 看这篇文章就够了。 class 属性怎么用? class 属性用来规定元素的类名,最常用在...

html中
标签的理解

1.HTML标准中对section的解释 The section element represents a generic section of a document or application. ...

HTML的一些常用的标签和部分css知识

HTML的一些常用的标签和部分css知识

一.form标签的注意事项 form为表单标签,属性有action和method。 action为表单提交的路径,method为表单 的提交方式。表单有九种提交请求,常用 的有两种,今天就介绍常用的两种请求get和 post。 1.get请求...

HTML标签大全(常用)

转自:https://www.cnblogs.com/moije/p/6751624.html 文本标记语言,即HTML(Hypertext Markup Language),是用于描述网页文档的一种标记语言。 HTM...

HTML笔记及案例(全)

HTML笔记及案例(全)

一、 HTML简介 1.HTML是什么? HTML: HYper Text language超文本 标记(标签)语言有多种标签组成,用来制作网页,告浏览器该如何显示页面 2.HTML语言作用? 制作网页,控制网页、内容的显示 插入图片、音乐、视频、...

HTML5相关标签及标签属性

1、新增语义化标签 <header></header> 头部 <nav></nav> 导航 <section></section> 章节、段落 <arti...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。