css中常用的色值表示

1. HEX
2. RGB

RGB 值

rgb(red, green, blue)

每个参数 (red、green 以及 blue) 定义了 0 到 255 之间的颜色强度。

例如，rgb(255, 0, 0) 显示为红色，因为红色设置为最大值（255），其他设置为 0。

要显示黑色，请将所有颜色参数设置为 0，如下所示：rgb(0, 0, 0)。

要显示白色，请将所有颜色参数设置为 255，如下所示：rgb(255, 255, 255)。

HEX 值

#rrggbb

其中 rr（red）、gg（green）和 bb（blue）是介于 00 和 ff 之间的`十六进制值（与十进制 0-255 相同）。

例如，#ff0000 显示为红色，因为红色设置为最大值（ff），其他设置为最小值（00）。

其中RGb表示法 rgb(255,0,0) 与 #ff0000 同样的效果

现在我们知道HEX是以十六进制表示颜色的。那么我们现在就要了解16进制是如何转换的。

十六进制

我们知道 我们生活中常用的数字都是以10进制表时的，冯10进1

而16进制的表示就是冯16进1

如下表：

十进制	十六进制
0	0
1	1
2	2
3	4
5	6
6	6
7	7
8	8
9	9
10	A
11	B
12	C
13	D
14	E
15	F
16	当用16进制表示16的时候，就该进位了，前面说过16进1。这里就是：10（代表1个16）
17	16进制怎么表示17呢，在这里就是：11（1个16 + 1 = 17）
...	...
254	15 * 16 + 14 = 254 （15个16 + 14） = FE
255	15 * 16 + 15 = 255 （15个16 + 15） = FF

看到这里，你现在知道，在rgba与HEX之间进行转换了吗？

那现在出两道题，如果你能回答出来，说明你已经掌握了本章知识：

第一题：20 用16进制怎么表示呢？

第二题：29 用16进制怎么表示呢？

请评论区说出你的答案~

解题思路：

1、先看有几个16，用0 ~ F填充第一位

2、再用这个数模16 余 的数是多少 用0 ~ F来填充第二位