HSLA色相饱和透明度
2024-10-17 23:05:36
H:Hue(色调),取值为:0 - 360。将色相值想成一个圆环中的度数,随着在圆环上移动,得到不同的颜色。
S:Saturation(饱和度),取值为:0.0% - 100.0%。数值越低(降低饱和度),颜色就会向灰色变化。
L:Lightness(亮度),取值为:0.0% - 100.0%。增加亮度,颜色会向白色变化;减少亮度,颜色会向黑色变化。
A:Alpha透明度,取值0~1之间。
- HSLA色彩模式与HSL相同,只是在HSL模式上新增了Alpha透明度。
- 0和360在顶端相遇,意味着0和360均表示红色。
选择一个0到360之间的色相,并将饱和度设为100%,亮度设为50%,就会得到这种颜色最纯的形式。
li {list-style:none;margin:;padding:;width:200px;height:200px;float:left;}
.li1 {background:hsla(0,100%,50%,1);}
.li2 {background:hsla(60,100%,50%,1);}
.li3 {background:hsla(120,100%,50%,1);}
.li4 {background:hsla(180,100%,50%,1);}
.li5 {background:hsla(240,100%,50%,1);}
.li6 {background:hsla(300,100%,50%,1);}
.li7 {background:hsla(360,100%,50%,1);}
上面代码颜色效果如下:
最新文章
- 个人随想:对于一个.Neter来说,如果一直想走技术路线,该怎么走下去
- iOS10遇到有推送的Demo真机报错的解决
- 数据库使用数据泵迁移遇到LOB字段
- 代码重构 &; 常用设计模式
- POJ 1496 Word Index
- yum安装rz和sz
- 深入理解QStateMachine与QEventLoop事件循环的联系与区别
- File Templates for web.xml &; web-fragment.xml (Servlet 2.3, 2.4, 2.5 + 3.0)
- Tomcat6,7,8的日志切割
- Wannafly Winter Camp 2019.Day 8 div1 I.岸边露伴的人生经验(FWT)
- TXLSReadWriteII5 单元格读写
- Appium 学习二:切换Webview
- Windows 10 MBR转GPT
- python 在列表,元组,字典变量前加*号
- 像黑客一样使用Linux命令行(转载)
- java,sort函数的深刻理解
- kolla-ansible 一键安装openstack
- 摹客iDoc201901-2新功能点评
- T-SQL 分布式查询
- Java基础(十)数据结构