微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html中所有的颜色代码

在 HTML 中,有许多种颜色代码可供使用,包括命名颜色、十六进制颜色和 RGB 颜色。下面将一一介绍这些颜色代码用法

/* 命名颜色 */
color: red; // 红色
color: green; // 绿色
color: blue; // 蓝色
color: yellow; // 黄色
color: magenta; // 洋红色
color: cyan; // 青色
color: orange; // 橙色
color: purple; // 紫色
color: brown; // 棕色
color: gray; // 灰色
color: black; // 黑色
color: white; // 白色

html中所有的颜色代码

在使用命名颜色时,只需将颜色名称放在 color 属性中即可。

/* 十六进制颜色 */
color: #FF0000; // 红色
color: #00FF00; // 绿色
color: #0000FF; // 蓝色
color: #FFFF00; // 黄色
color: #FF00FF; // 洋红色
color: #00FFFF; // 青色
color: #FFA500; // 橙色
color: #800080; // 紫色
color: #A52A2A; // 棕色
color: #808080; // 灰色
color: #000000; // 黑色
color: #FFFFFF; // 白色

使用十六进制颜色时,需要将颜色的十六进制值放在 # 后面,每个颜色值有两个字符,如红色的十六进制值为 #FF0000。

/* RGB 颜色 */
color: rgb(255,0); // 红色
color: rgb(0,255,0); // 绿色
color: rgb(0,255); // 蓝色
color: rgb(255,0); // 黄色
color: rgb(255,255); // 洋红色
color: rgb(0,255); // 青色
color: rgb(255,165,0); // 橙色
color: rgb(128,128); // 紫色
color: rgb(165,42,42); // 棕色
color: rgb(128,128,128); // 灰色
color: rgb(0,0); // 黑色
color: rgb(255,255); // 白色

RGB 颜色是由红、绿、蓝三个颜色分量组成的颜色,每个颜色分量的取值范围为 0-255,使用时需要将三个分量的值放在 rgb() 中,中间以逗号分隔。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐