十六进制到HSL颜色转换器
Sublime Text 2/3 插件,用于将CSS十六进制颜色转换为HSL。
详情
安装次数
- 总数 24K
- Win 17K
- Mac 5K
- Linux 2K
8月7日 | 8月6日 | 8月5日 | 8月4日 | 8月3日 | 8月2日 | 8月1日 | 7月31日 | 7月30日 | 7月29日 | 7月28日 | 7月27日 | 7月26日 | 7月25日 | 7月24日 | 7月23日 | 7月22日 | 7月21日 | 7月20日 | 7月19日 | 7月18日 | 7月17日 | 7月16日 | 7月15日 | 7月14日 | 7月13日 | 7月12日 | 7月11日 | 7月10日 | 7月9日 | 7月8日 | 7月7日 | 7月6日 | 7月5日 | 7月4日 | 7月3日 | 7月2日 | 7月1日 | 6月30日 | 6月29日 | 6月28日 | 6月27日 | 6月26日 | 6月25日 | 6月24日 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 1 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Mac | 0 | 1 | 1 | 0 | 0 | 1 | 0 | 0 | 0 | 2 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Linux | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
README
关于
为Sublime Text添加命令,将RGB颜色(无论是十六进制格式还是RGB()格式)转换为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)
以前,由于浏览器(IE)兼容性,最好使用CSS预处理器将HSL颜色转换为十六进制。但现在所有主流浏览器(包括IE9+)都支持HSL颜色,因此您可以在CSS中使用HSL颜色,除非您需要支持IE8。
安装
您可以使用包控制进行安装,或者您可以下载或克隆仓库并将其拖放到您的Sublime Text软件包目录中。
版本2特性
- 版本2现在可以将十六进制和RGB转换为HSL,将RGBA转换为HSLA。之前的版本只转换十六进制到HSL。
- 可选地,您可以转换十六进制、RGB和RGBA到HSLA(强制alpha)。
- 现在您可以通过输入以下命令两次来将文件中的所有十六进制、RGB和RGBA颜色转换为HSL:(
shift+ctrl+U
)。
使用方法
- 将选中的转换为HSL:shift+ctrl+U
- 将选中的转换为HSLA:shift+ctrl+alt+U
- 将所有转换为HSL(保留alpha):shift+ctrl+U + shift+ctrl+U
- 将所有转换为HSLA(强制alpha):shift+ctrl+alt+U + shift+ctrl+alt+U
为什么没有十六进制/HSL到RGB的支持
HSL颜色比十六进制或RGB更好(Brandon Mathis给出了HSL为何如此出色的好解释)。我不认为RGB有任何用途——HSL更直观,使将颜色组合到逻辑颜色方案变得更容易。
如果您需要将颜色转换为RGB,您可能想尝试使用CSS颜色转换插件。
HSL资源
如果您需要更多关于HSL的说服,试试以下这些