颜色高亮工具
ColorHighlighter - 是Sublime text 2和3的一个插件,它将选定的十六进制颜色代码(如"#FFFFFF","rgb(255,255,255)","white"等)覆盖其真实颜色。此外,插件还添加了颜色选择器,以便轻松修改颜色。文档:https://monnoroch.github.io/ColorHighlighter。
详细信息
安装
- 总计 1.24M
- Win 844K
- Mac 239K
- Linux 161K
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日 | 6月23日 | 6月22日 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 36 | 41 | 32 | 34 | 44 | 34 | 23 | 38 | 26 | 25 | 38 | 32 | 30 | 34 | 33 | 24 | 18 | 15 | 31 | 41 | 41 | 44 | 31 | 20 | 23 | 33 | 39 | 30 | 28 | 21 | 24 | 21 | 32 | 38 | 43 | 29 | 34 | 16 | 28 | 27 | 32 | 34 | 35 | 39 | 24 | 27 |
Mac | 5 | 9 | 0 | 5 | 4 | 7 | 12 | 7 | 10 | 3 | 4 | 8 | 7 | 7 | 8 | 2 | 5 | 3 | 5 | 14 | 5 | 5 | 6 | 5 | 3 | 7 | 10 | 13 | 8 | 6 | 7 | 3 | 8 | 6 | 9 | 5 | 8 | 7 | 2 | 6 | 9 | 6 | 9 | 6 | 6 | 4 |
Linux | 6 | 3 | 4 | 0 | 2 | 7 | 5 | 5 | 6 | 4 | 7 | 7 | 5 | 8 | 3 | 4 | 8 | 2 | 4 | 8 | 6 | 6 | 7 | 8 | 5 | 5 | 7 | 6 | 9 | 4 | 9 | 8 | 3 | 13 | 2 | 4 | 11 | 9 | 5 | 2 | 0 | 3 | 6 | 5 | 1 | 2 |
说明文件
ColorHighlighter
ColorHighlighter是Sublime Text 2和3的一个插件,可以通过在选定的十六进制颜色代码下覆盖不同风格的文本或侧边栏图标来隐含地预览颜色值。此外,插件还添加了颜色选择器和颜色格式转换器,以便轻松修改颜色。
安装
- 推荐 - 使用Sublime Package Control
- Ctrl+Shift+P 然后选择
Package Control: Install Package
- 安装
Color Highlighter
- Ctrl+Shift+P 然后选择
- 或者,从GitHub下载软件包到你的
Packages
文件夹。 - 为侧边栏图标安装ImageMagick。要设置ImageMagick,更新插件设置中的
icon_factory.convert_command
到你的机器上转换工具的路径,提示:在*nix机器上使用which convert
命令。
颜色高亮样式
有三种颜色高亮样式:内联高亮、下划线块和侧边栏图标。
侧边栏图标
要启用使用侧边栏图标高亮颜色,请转到 工具 > 颜色高亮工具 > 颜色高亮工具 > 在所有文本中高亮颜色 > 侧边栏图标样式
并选择 圆形
或 正方形
。使用侧边栏图标高亮颜色需要安装ImageMagick(参见安装部分)。转到 工具 > 颜色高亮工具 > 颜色高亮工具 > 在所有文本中高亮颜色 > 侧边栏图标样式
并选择 无
将会禁用它。
这种模式在首次以“高亮所有内容”模式打开大文件时可能会引起暂停,因为插件需要为所有遇到的新颜色创建图标。
块
使用块高亮显示颜色会在高亮颜色附近显示彩色块。这些块会导致文本重排。要使用下划线块高亮显示颜色,请转到 工具 > 颜色高亮 > 颜色高亮 > 在所有文本中高亮显示颜色 > 使用块高亮显示颜色
并选择以下选项之一:颜色右侧
、颜色左侧
、颜色下方
。这些选项是自我解释的。
对于颜色下方
,块的大小与颜色代码的大小相同。对于颜色右侧
和颜色左侧
,块的大小可以通过length
参数来配置,该参数定义了块的大小(字符数)。
转到 工具 > 颜色高亮 > 颜色高亮 > 在所有文本中高亮显示颜色 > 使用块高亮显示颜色
并选择 无
来禁用它。
内联高亮显示
内联颜色高亮显示本身有几种样式。它们都需要修改颜色方案,因此当此模式启用时,视图的颜色方案将更改到一个假的颜色方案,这实际上是真实颜色方案的副本,但增加了插件特定的定义。要禁用内联高亮显示,请转到 工具 > 颜色高亮 > 颜色高亮 > 在所有文本中高亮显示颜色 > 内联高亮显示样式
并选择 无
。
内联块
使用内联块高亮显示颜色将在高亮颜色顶部直接显示彩色块。要使用内联块高亮显示颜色,请转到 工具 > 颜色高亮 > 颜色高亮 > 在所有文本中高亮显示颜色 > 内联高亮显示样式
并选择 填充
。
彩色文本
使用彩色文本高亮显示颜色会让文本以那种颜色渲染。要使用彩色文本高亮显示颜色,请转到 工具 > 颜色高亮 > 颜色高亮 > 在所有文本中高亮显示颜色 > 内联高亮显示样式
并选择 文本
。
轮廓和下划线样式
如果希望颜色高亮显示比内联块更加微妙,可以在 工具 > 颜色高亮 > 颜色高亮 > 在所有文本中高亮显示颜色 > 内联高亮显示样式
菜单中选择 轮廓
、实线下划线
、条纹下划线
、波浪下划线
中的任何一种样式。
颜色高亮显示模式
高亮显示所有内容
在此模式下,插件解析整个文件并高亮显示找到的所有颜色。此模式的颜色高亮显示样式设置在 工具 > 颜色高亮 > 颜色高亮 > 在所有文本中高亮显示颜色
。
此模式可能导致打开大文件时暂停,因为插件需要解析整个文件。
高亮显示选择
在此模式下,插件会在光标下高亮显示颜色。该模式也支持多个选择。此模式的颜色高亮显示样式设置在 工具 > 颜色高亮 > 颜色高亮 > 在所选文本中高亮显示颜色
。
悬停时高亮显示
在此模式下,插件在鼠标光标悬停在颜色上时高亮显示颜色。此模式的颜色高亮显示样式设置在 工具 > 颜色高亮 > 颜色高亮 > 悬停鼠标指针上时高亮显示颜色
。
组合
这三种模式可以以任何可能的方式组合。所有三种模式的设置完全独立,可以同时进行配置。例如,默认设置是用走道图标高亮显示所有颜色,用彩色文本高亮显示选择的颜色,用颜色右侧的块高亮显示悬停的颜色。
拾色器
只需将光标(或多个光标)放置在您想更改颜色的位置,然后在右键菜单中选择“使用颜色选择器插入颜色”(或者按下 Ctrl+Shift+C)。在弹出颜色选择器中选择颜色后,它将替换所有光标所在的位置。如果一些光标的颜色已存在,则这些颜色将被新选择的颜色替换。
颜色转换器
只需将光标(或多个光标)放在颜色代码上,然后在右键菜单中选择“转换颜色到下一个格式”(或者按下 Ctrl+Shift+,)或“转换颜色到上一个格式”(或者按下 Ctrl+Shift+.)。这将在不同受支持的格式之间将光标下的颜色进行转换。
变量高亮显示
该功能当前无法使用。
由于它工作得不太好,速度慢且存在错误,所以已经被删除。目前我正在寻找将其以改进的方式实现的方法,但尚未准备好。我还计划将颜色函数和原生CSS变量包含在该功能的发布中。请耐心等待。
常见问题解答
我的插件设置不见了!
8.0版本中的设置文件具有完全不同的结构和更多可配置的功能。正因为如此,它与旧版本不兼容。为了消除令人困惑的迁移错误,我决定在新版本迁移时删除用户设置文件。设置只删除一次,所以更新后您可以重新配置插件,设置不会再次消失。
插件不在HTML/JS/VUE/其他文件中工作
是的,它确实可以。默认禁用所有文件(但不是样式表)中的颜色高亮显示。要在任何扩展名的文件中启用颜色高亮显示,需要修改file_extensions
设置并将所需的扩展名添加到其中。您也可以将"all"
放在那里,这样插件将对所有文件启用。如果以前已启用某些扩展名,则需要根据上一节重新启用它们。
内联颜色高亮显示工作不正确
内联颜色高亮显示可能不保证与任何生成或更改颜色方案的插件兼容,例如SublimeLinter
。如果您使用这些插件之一,则必须完全禁用它们,或配置它们不要修改颜色方案,或者配置颜色高亮显示器不要修改颜色方案,这意味着禁用内联颜色高亮显示。
我没有其他修改颜色方案的插件,但内联高亮显示仍然工作不正确
由于Sublime Text未以确定的方式对添加的区域进行排序,同时启用文本和非文本内联高亮显示可能会工作正常。例如,如果您在工具 > 颜色高亮显示 > 颜色高亮显示器 > 在所有文本中高亮显示颜色 > 内联高亮显示样式
中选择文本
,并在工具 > 颜色高亮显示 > 颜色高亮显示器 > 在所选文本中高亮显示颜色 > 内联高亮显示样式
中选择填充
,那么它可能不是每次都工作。如果您打开/关闭文件几次,有时它工作正常,有时则不行,这就是这个问题。
捐赠
感谢大家一直以来的支持,没有你们的贡献我无法做到。每一点帮助都很有价值!