作者:快乐生鹤 | 来源:互联网 | 2023-05-17 12:43
UseHexCodetoColorElementsWhite0是hexcode(十六进制编码)中最小的一个,它代表颜色的完全缺失。F是hexcode(十六进制编码)中最大的一个
Use Hex Code to Color Elements White
0
是 hex code(十六进制编码)中最小的一个,它代表颜色的完全缺失。
F
是 hex code(十六进制编码)中最大的一个,它代表最大可能的亮度。
让我们通过把 background-color 的 hex code 修改为
#FFFFFF
,以把 body
元素的背景改为白色。
你可能会疑惑为什么我们使用6位数来表示一种颜色而不是只用一位或二位,答案是使用6位数可提供给我们巨大数量的颜色变化。
会有多少种可能的颜色?16 个值和 6 个位置意味着我们有 16 的 6 次方,或者说超过 1600 万种可能的颜色。
Hex code 遵循 red-green-blue(红-绿-蓝),或者叫
rgb
格式。hex code 中的前两位表示颜色中红色的数量,第三四位代表绿色的数量,第五六位代表蓝色的数量。
所以要得到绝对的纯红色,你只需要在第一和第二位使用
F
(最大可能的数值),且在第三、第四、第五和第六位使用 0
(最小可能数值)。
许多人对超过 1600 万种颜色感觉十分地抓狂,并且 hex code 非常难以记忆。幸运的是,你可以缩短它。
例如,红,hex code 是
#FF0000
,可被缩写成 #F00
。也就是说,一位表示红,一位表示绿,一位表示蓝。
这会把所有可能的颜色数减少至大约 4000 种,但是浏览器会把
#FF0000
和 #F00
解释为完全相同的颜色。
在 CSS 中表示颜色的另一个方法是使用
rgb
值。
代表黑色的 RGB 值看起来是下面的样子:
rgb(0, 0, 0)
代表白色的 RGB 值看起来是下面的样子:
rgb(255, 255, 255)
使用
rgb
,你通过 0 至 255 之间的一个数字来指定每种颜色的亮度,而不是像 hex code 那样使用六个十六进制数字。
如果你做个算术,16 乘以 16 总共有 256 个值,所以从零开始计数的
rgb
,和 hex code 一样有完全相同数量的可能数值。