在用CSS3的一些属性时会用到HSL颜色模式,用软件转来转去确实麻烦,用Hex-to-HSL-Color这个插件便可轻松解决,鼠标选中一个或多个十六进制颜色代码,按下Shift+Ctrl+U立马转换为HSL颜色模式。
例如:
#bada55 转换为 hsl(74, 64%, 59%)
rgb(75, 96, 6) 转换为 hsl(74, 88%, 20%)
rgba(117, 149, 9, 0.65) 转换为 hsla(74, 89%, 31%, 0.65)
使用方法:
Convert All to HSL (preserving alpha): shift+ctrl+U
Convert All to HSLA (force alpha): shift+ctrl+alt+U
Convert Selected to HSL: Edit > RGB to HSL
Convert Selected to HSLA: Edit > RGB to HSL
安装:
通过Package Control来安装:搜索Hex-to-HSL-Color。
github:https://github.com/atadams/Hex-to-HSL-Color