html页脚颜色,HTML颜色一览(color)

在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)

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)

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
很高兴帮您设计一个漂亮的 HTML 页面!以下是一个简单的 HTML 页面示例,您可以根据自己的需要进行修改: ```html <!DOCTYPE html> <html> <head> <title>我的网页</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { background-color: #f2f2f2; font-family: Arial, sans-serif; margin: 0; padding: 0; } header { background-color: #333; color: #fff; padding: 20px; text-align: center; } h1 { margin: 0; } nav { background-color: #ccc; padding: 10px; text-align: center; } nav a { color: #333; text-decoration: none; padding: 10px; font-size: 20px; margin: 0 10px; } nav a:hover { background-color: #999; color: #fff; } main { padding: 20px; text-align: justify; } footer { background-color: #333; color: #fff; padding: 20px; text-align: center; } </style> </head> <body> <header> <h1>欢迎来到我的网页!</h1> </header> <nav> <a href="#">首页</a> <a href="#">关于我们</a> <a href="#">联系我们</a> </nav> <main> <h2>介绍</h2> <p>这是一个漂亮的 HTML 页面示例,用于展示如何创建一个简单但美观的网页。您可以根据自己的需要进行修改。</p> <h2>功能</h2> <p>这个页面包含了以下功能:</p> <ul> <li>响应式设计,适应不同大小的屏幕</li> <li>标题、导航栏、主体和页脚的样式设置</li> <li>链接和鼠标悬停效果</li> <li>基本的 HTML 结构,包括标题、段落和列表</li> </ul> <h2>结语</h2> <p>希望这个示例能对您有所帮助,祝您创建出更多漂亮的网页!</p> </main> <footer> <p>版权所有 © 2021 我的网页</p> </footer> </body> </html> ``` 这个页面包含一个响应式设计的头部、导航栏、主体和页脚,以及一些基本的 HTML 元素。您可以根据自己的需要进行修改和扩展,以创建您自己的漂亮网页。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值