总结:CSS颜色

颜色是由红(RED),绿(GREEN),蓝(BLUE )光线的显示结合

颜色名称

所有浏览器都支持147种颜色名称的颜色值。如:black,red,具体如下:
147种颜色

常用的颜色值

十六进制颜色

除了上面的147种颜色名称外,还经常使用十六进制颜色,如:#0000fff:蓝色
所有值基于0到f之间
由来:将rgb(0,0,255)中的0,0,255转换成十六进制

RGB颜色

RGB颜色值指:rgb(红,绿,蓝),每个参数代表红绿蓝的亮度,值在0~255之间rgb(0,0,255)蓝色

RGBA颜色

前面的RGB与上面一样,不同的是RGBA后面带有颜色的透明度,a的值在0~1之间,可以是小数,0完全透明,1完全不透明
选用具体颜色可以使用Colos Pro工具进行选色。

在这里插入图片描述
另外CSS还支持HSL与HSLA颜色值

HSL颜色

HSL代表色相,H是色调,S是饱和度,L是明度。色调是指在色轮上的程度,0或360是红色
在这里插入图片描述
120绿色
在这里插入图片描述

240蓝色
在这里插入图片描述
饱和度是一个百分比值;0%意味着灰色和100%的阴影,是全彩。
亮度也是一个百分点;0%是黑色的,100%是白色的。
HLSA中的a是透明度值在0.0与1.0之间

background-color:hsl(240, 100%, 50%);

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

覆东流

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

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

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

打赏作者

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

抵扣说明:

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

余额充值