您现在的位置是：网站首页> 编程资料编程资料

html中表示颜色的方式有6位16进制代码及rgb或关键字HTML高亮关键字的完美解决方案

2023-10-10 315人已围观

简介 html中颜色表示最常用的是6位16进制的代码表示法，另外颜色还可以用rgb(r,g,b)表示，括号中的r,g,b分别用0-255的十进制数或百分比表示红绿蓝，感兴趣的朋友可以了解下

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

上一篇：meta标签在移动平台开发中的应用详解纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果

下一篇：二个简单的菜单导航条示例纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网