html中表示颜色的方式有6位16进制代码及rgb或关键字

所属分类: 网页制作 / HTML/Xhtml 阅读数: 1074
收藏 0 赞 0 分享
在HTML中颜色有3中表示方式,最常用的是6位16进制的代码表示法。如bgcolor=#ff0000;其中#只是表示使用6位16进制的颜色代码声明颜色。代码的头两位即ff表示三原色中的红色,范围当然是16进制的00-ff,中间两位即00表示绿色,最后两位即00表示蓝色,00表示没有颜色,ff表示颜色最强。所以000000表示黑色,ffffff表示白色,同样ff0000表示纯红色,00ff00表示纯绿色,0000ff表示纯蓝色。

另外颜色还可以用rgb(r,g,b)表示,括号中的r,g,b分别用0-255的十进制数或百分比表示红绿蓝,例如rgb(255,0,0)以及rgb(100%,0%,0%)都表示红色。

颜色的表示还可以用颜色的关键字表示,共16个,分别为:

Black 黑色 #000000
Maroon 深褐色 #800000
Green 绿色 #008000
Olive 橄榄色 #808000
Navy 海军蓝 #000080
Purple 紫色 #800080
Teal 水鸭绿 #008080
Gray 灰色 #808080
Silver 银色 #C0C0C0
Red 红色 #FF0000
Lime 酸橙色 #00FF00
Yellow 黄色 #FFFF00
Blue 蓝色 #0000FF
Fuchsia 品红 #FF00FF
Aqua 水蓝 #00FFFF
White 白色 #FFFFFF

例如可以这样书写:bgcolor=red,它等价于以下几种写法:

复制代码
代码如下:

bgcolor=rgb(255,0,0),bgcolor=rgb(100%,0%,0%),bgcolor=#ff0000;
更多精彩内容其他人还在看

html文本溢出显示省略字符的两种常用解决方法

本文给大家分享html文本溢出显示省略字符的两种常用解决方法,非常不错,具有参考借鉴价值,需要的朋友参考下吧
收藏 0 赞 0 分享

HTML页面原生VIDEO标签隐藏下载按钮功能

这篇文章主要介绍了HTML页面原生VIDEO标签隐藏下载按钮功能,非常不错,具有参考借鉴价值,需要的朋友参考下吧
收藏 0 赞 0 分享

html2canvas 将html代码转为图片的使用方法

html2canvas,这是一个非常著名的从浏览器网页截图的开源库,使用很方便,功能也很强大。这篇文章给大家介绍html2canvas 将html代码转为图片的使用方法,感兴趣的朋友跟随脚本之家小编一起看看吧
收藏 0 赞 0 分享

HTML中的<meta>标签的使用详解

这篇文章主要介绍了HTML中的<meta>标签的使用,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
收藏 0 赞 0 分享

移动 web 端屏幕适配(rem)

这篇文章主要介绍了移动 web 端屏幕适配(rem)。详细的介绍了移动 web 端屏幕适配(rem),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

详解前端在html页面之间传递参数的方法

这篇文章主要介绍了详解前端在html页面之间传递参数的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

html form表单input使用disabled后提交不能获取表单值的解决方法

这篇文章主要介绍了html form表单input使用disabled后提交不能获取表单值的解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

DIV的失去焦点(blur)实现方法

这篇文章主要介绍了DIV的失去焦点(blur)实现方法,用防抖实现DIV鼠标移出消失,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

详解HTML onfocus获得焦点和onblur失去焦点事件

这篇文章主要介绍了详解HTML onfocus获得焦点和onblur失去焦点事件的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

HTML中两个tabs导航冲突问题的解决方法

这篇文章主要介绍了HTML中两个tabs导航冲突问题的解决方法,需要的朋友参考下吧
收藏 0 赞 0 分享
查看更多