ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

十六进制到HSL颜色转换器

atadams 所有

Sublime Text 2/3 插件,用于将CSS十六进制颜色转换为HSL。

详情

  • 2017.04.20.14.18.37
  • github.​com
  • github.​com
  • 7年前
  • 2小时前
  • 12年前

安装次数

  • 总数 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

源码
raw.​githubusercontent.​com

关于

为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的说服,试试以下这些