sketch颜色和html颜色不一致,sketch里导出的图标颜色与设计稿中有差异

今天的文章分享非常适合sketch的初学者们，希望能在学习软件的过程中给到你们一点点帮助

在b端的设计界面中，为了快速出设计稿。有时会直接在一些插件中取用图标，并不会去一一设计每一图标，因为不需要像c端一样去凸显品牌调性和情感化。b端中更多的是追求统一、效率

所以有时我们会直接在插件上或iconfont下载图标使用

然后有朋友就在这一步出现了一些小插曲，导致切图后的图标颜色跟设计稿的有差异，这是怎么回事呢？

看下图

这是从iconfont下载的一个icon，没有更换颜色，直接默认黑色下载的svg

2.以为找到一个方便快捷的换色方法，结果害了自己。。通过右边的色调对整个图组换了颜色(问题关键就在这里！！！)

3.其实展开可以看到，分组的图层还是下载时的黑色

4.于是看似一切正常的开始切图、导出

5.预览发现颜色不一致，桌面跟ai打开都一样，不是设计稿中的颜色。如果这样给到开发，开发也无法替换颜色。

6.(解决办法)回到第一步，在图组这层取消色调勾选，展开图层，选中里面的图层替换颜色。这样就ok了

7.再导出svg，完美

希望这篇小小的分享能解决sketch新手朋友们的困惑～