CSS中的颜色值

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u014248473/article/details/87267336

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) 半透明的稍微带点灰度的加亮的绿色

猜你喜欢

转载自blog.csdn.net/u014248473/article/details/87267336