使用十六进制设置颜色

使用十六进制设置颜色

在 CSS 里面还可以使用十六进制编码 (hex) 方式来代表颜色。
十六进制数是一种简单表示数字信号的计数方式。
在十六进 制数中,每一位由0〜9、A、B、C、D、E、F十六个数码中的一个构成,
计数的基数是16,超过15的数必须用多位数表示, 其中相邻间的关系是“逢十六进一”。
总的来说,0 到 F 在十六进制里代表着数字,提供了 16 种可能性。

在 CSS 里面,我们可以用使用 6 个十六进制的数字来代表颜色,每两个数字控制一种颜色,分别是红(R),绿(G),蓝(B)。
例如,#000000代表着黑色,同时也是最小的值。

使用十六进制混合颜色

通过三原色,我们可以创建 1600 万种不同颜色!
例如:橘色是纯红色混合一些绿色而成的,没有蓝色的参与。

在十六进制编码里面,它被转译为#FFA500。
0是十六进制里面最小的数字,表示着没有颜色。
F是十六进制里面最大的数字,表示着最高的亮度。

在这里插入图片描述

https://www.w3cschool.cn/cssref/css-colorsfull.html 更多十六进制颜色

使用缩写的十六进制编码

CSS 十六进制编码颜色也支持缩写的方法。

例如,红色的#FF0000十六进制编码可以缩写成#F00。
在这种缩写形式里,三个数字分别代表着红(R),绿(G),蓝(B)颜色。
这样,颜色的可能性减少到了大约 4000 种。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

慕斯-ing

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值