前端在开发中，为了方便未来颜色调整和颜色使用统一规范，往往会和设计师预定义一套色彩系统。例如 AntDesign 中有如下定义：
然而开发在 Zeplin 中拿到的样式中颜色值往往是16进制或rgba值，研发往往需要自己去查找对应变量名。例如：
// RD 拿到的样式
{
border: solid 1px rgba(245, 245, 245, 0.5);
background-color: #fafafa;
}
// RD 最终写出来的样式
{
border: solid 1px fade(@gray-3, 50%);
background-color: @gray-2;
}在平时 RD 往往需要一个一个的去查找颜色对应的变量名，过程枯燥无味。于是写了一个插件自动实现此功能。
先上地址：
目前支持 在Less 和 Sass 中自动替换，并且可以自动导入依赖的文件。
最终的实现效果如下（支持 VSCode 和 WebStorm），以后再也不用费神去找颜色变量。
最后贴一则字节招聘。EE 部门正在大量招聘研发。可通过二维码和链接直接投递简历。
