CSS中的颜色值

本文详细介绍了颜色在不同场景下的表示方法,包括英文单词、十六进制、RGB、RGBA、HSL和HSLA函数,涵盖了从基本颜色词汇到复杂颜色调整的所有知识。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.英文单词

red 红色
green 绿色
blue 蓝色

2.十六进制

以‘#’字符开头,后面紧跟三组十六进制值,分别代表红绿蓝三色素。
#FF0000 红色
#00FF00 绿色
#0000FF 蓝色

3.rgb函数

rgb(a,b,c)函数,三个参数分别代表红绿蓝三色素,参数值的范围0~255.
rgb(255,0,0) 红色
rgb(0,255,0) 绿色
rgb(0,0,255) 蓝色

3.rgba函数

与rgb函数相似,多了一个alpha通道,范围0~1,0表示透明,1表示不透明。
rgba(255,0,0,0.5) 半透明红色

4.hsl函数

hsl(a,b,c)函数,
参数a代表色调,值范围0~360,0或360代表红色,120代表绿色,240代表蓝色
参数b代表饱和度,值范围0%~100%,0%变成灰色,100%表示全彩
参数C代表亮度,值范围0%~100%,,0%变成黑色,100%变成白色
hsl(120,65%,75%) 稍微带点灰度的加亮的绿色

3.hsla函数

与hsl函数相似,多了一个alpha通道,范围0~1,0表示不透明,1表示透明。
hsl(120,65%,75%,0.5) 半透明的稍微带点灰度的加亮的绿色
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值