ToolX插件之颜色助手:取色、换算、调渐变,一处就够

看到屏幕上有个好看的颜色，想知道它的色值，只能靠截图再猜。

拿到设计稿的 HEX 值，又要在 RGB 和 HSL 之间来回换算。

这些零碎的活，落在同一个小工具里会顺手很多。

这一期介绍 ToolX 的颜色助手。

默认按 Alt + 空格呼出 ToolX，搜索「颜色助手」打开；未安装时先到插件市场安装。

直接从屏幕上取色

需要哪个颜色，对着屏幕取一下就行，取到的就是准确值。

参考别人的界面配色、核对线上的实际色值，这一步都比翻设计稿快。

三种格式互相换算

HEX、RGB、HSL 之间来回转换。设计稿给的是 HEX，代码里用的是 RGB，样式里又要 HSL——不用记公式，换算交给工具。

常用色留成色板

反复用到的那几个颜色可以存下来，下次直接调用。做多个页面、多份物料的时候，色值统一比每次重新取要稳。

调渐变时有个地方试

渐变调起来最费时间：改一点、看一眼、再改一点。

颜色助手提供渐变辅助，试色过程集中在一个地方，比反复改代码再看效果要快。

用它的时候注意

屏幕取色取的是「当前显示」的颜色。如果开了护眼模式、夜间模式或系统级滤镜，取到的值会跟着变化。

如果颜色要用于正式交付，最后仍然以设计规范或品牌色值为准。

取色之外的日常

除了对着屏幕取色，更常见的是拿到一个值之后要把它用起来。

设计稿给 HEX、代码里写 RGB、样式里调 HSL，同一个颜色要在三种表达之间来回走。换算放在手边，少一次开网页查表。

一个具体场景

想把某个界面的主色调搬到自己的页面上。取色拿到准确值，再换算成代码里需要的格式，直接填进去，不用凭感觉调。

写在最后

ToolX 希望把这些小动作放在一起，需要哪一个，就打开哪一个。

当前安装与插件信息可在 www.jaofuan.top 查看，功能以客户端和插件版本为准。

你更常需要的是取色，还是格式换算？欢迎留言。这个系列会一期一期写下去，把日常场景一个个讲清楚。