学习前端知识的同时,梳理知识,也便于以后查找
tags:颜色、RGB
RGB等表示颜色的非常多,完全记住不现实,只要记住常用的几种颜色,其他颜色会查就好了
HTML 颜色采用的是 RGB 颜色,是通过对红®、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即是代表红、绿、蓝三个通道的颜色。
颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。
每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。
语法demo
<p style="background-color:#FFFF00">
通过十六进制设置背景颜色
</p>
<p style="background-color:rgb(255,255,0)">
通过 rgb 值设置背景颜色
</p>
<p style="background-color:yellow">
通过颜色名设置背景颜色
</p>
常见颜色值
RGB颜色可以表示1600万种不同颜色
三种颜色 红,绿,蓝的组合从0到255,一共有1600万种不同颜色(256 x 256 x 256)。
颜色(Color) | 颜色十六进制(Color HEX) | 颜色rgb(Color rgb) |
---|---|---|
黑 | #000000 | rgb(0,0,0) |
红 | #FF0000 | rgb(255,0,0) |
绿 | #00FF00 | rgb(0,255,0) |
蓝 | #0000FF | rgb(0,0,255) |
黄 | #FFFF00 | rgb(255,255,0) |
青 | #00FFFF | rgb(0,255,255) |
紫 | #FF00FF | rgb(255,0,255) |
灰 | #C0C0C0 | rgb(192,192,192) |
白 | #FFFFFF | rgb(255,255,255) |
更多颜色代码表
HTML颜色名
目前所有浏览器都支持以下颜色名。
141个颜色名称是在HTML和CSS颜色规范定义的(17标准颜色,再加124)。下表列出了所有颜色的值,包括十六进制值。
Remark 提示: 17标准颜色:黑色,蓝色,水,紫红色,灰色,绿色,石灰,栗色,海军,橄榄,橙,紫,红,白,银,蓝绿色,黄色。点击其中一个颜色名称(或一个十六进制值)就可以查看与不同文字颜色搭配的背景颜色。
HTML颜色名更多示例
RGBA颜色
RGBA 的意思是(Red-Green-Blue-Alpha)它是在 RGB 上扩展包括了 “alpha” 通道,运行对颜色值设置透明度。
HTML 颜色值
颜色由红®、绿(G)、蓝(B)组成。
颜色值由十六进制来表示红、绿、蓝(RGB)。
每个颜色的最低值为0(十六进制为00),最高值为255(十六进制为FF)。
- 十六进制值的写法为#号后跟三位或六位十六进制字符。
- 三位数表示法为:#RGB,转换为6位数表示为:#RRGGBB。
HTML 颜色值更多代码表
–END–