css的颜色表达
作者:互联网
css的颜色表达
css支持RGB、HEX、HSL、RGBA、HSLA这五种方式来表现颜色。
1、RGB
RGB是按三原色红绿蓝来进行配比的,单项颜色的取值范围为0~255.
2、HEX
HEX就是将RGB三原色的值转换成16进制,再在前面加上#号。
3、HSL
HSL是由色相(Hue)、饱和度(Saturation)、亮度(Lightness)组成的。其中色相就是色彩的基本属性,也就是颜色的名称,取值范围为0到360 。饱和度是色彩的纯度,亮度指色彩的明暗程度。
4、RGBA和HSLA
多出来的A指的是阿尔法通道,表示透明度的值,0表示完全透明,1表示完全不透明。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
h1{
color: rgb(255,99,71);
}
h1:hover{
color: rgba(255,99,71,0.5);
}
</style>
</head>
<body>
<h1>啊,巨人</h1>
<P>白骨终将化为沙土,却生生不息</P>
<p>alan被生生的逼进了浴缸</p>
</body>
</html>
标签:颜色,HEX,HSL,RGB,表达,css,255 来源: https://www.cnblogs.com/fate-/p/14443625.html