fffuel

神器介绍

神器「fffuel」网站其实是我们的老朋友了，之前给大家介绍过一些神器都是属于这个网站。比如 2.5D 图形生成神器「iiisometric」、比如即时生成等距 3D 矢量图案的神器「mmmotif」。有兴趣的小伙伴可以去回顾一下之前的文章哦～

「fffuel」 是用于渐变、图案、背景和装饰图形的颜色工具和免费 SVG 生成器的集合站，里面包含了54种工具。这54种工具各司其职，并且均是国外一位名叫「Seb」的全栈设计师独立制作，感恩！全部工具都可以免费使用，并且无需登录注册！现在就给大家介绍网站里比较具有代表性的工具！

代表性工具介绍

1、主要界面说明

打开「fffuel」后我们首先能看见的是网站的简要介绍，就像是每次进入一个新环境前的自我介绍一样，可以很清晰的了解到网站的主要内容是什么：

如果大家有订阅网站更新消息的需要，可以在右下角的输入框输入我们自己的邮箱地址，再点击右侧的「OK GO」即可。随着界面的滚动，可以看到工具的展示专区，每一个方形卡片对应一款工具，点击之后就可以打开对应的操作面板：

最后首页的最下面还有一块儿 HTML 模板的专区：

有开发网站需要的小伙伴可以来这里了解一下哈～

2、色卡类工具介绍

54 款工具中，有一些色卡类的工具，其中比较有代表性的是「hhhue」：

「hhhue」中的色卡都属于一种色系，比如 Blue、Red、Green，每一种色系都有十几二十种搭配的色卡可以使用。如果我们相中了一款颜色，只需要点击对应的素材区域，就可以把该颜色的色值复制下来，然后我们就可以随意粘贴到一切可以用到色值的地方：

然后右下角的地方可以切换 HEX、HSL、RGB，以及切换网站的背景色去预览这些色卡在黑色、白色、灰色、藕色下的色卡效果：

3、背景生成类工具介绍

54 款工具中，有一些背景生成类的工具，其中比较有代表性的是「gggrain」：

「gggrain」是一款躁点背景图生成工具，它可以调整躁点的数量、角度、密度、颜色等参数，来生成各种各样的背景图片，整个工具在使用的时候都是实时生效，丝毫无卡顿问题出现。确定完样式之后，可以直接生成 SVG 格式的结果再去到任何设计软件去二次编辑：

4、形状生成类工具介绍

54 款工具中，有一些形状生成类的工具，其中比较有代表性的是「sssplatter」：

「sssplatter」是一款随意生成不规则形状的工具，它可以通过调整颜色、角度、复杂程度、飞溅程度去生成各种各样的不规则形状，整个工具在使用的时候都是实时生效，使用起来如德芙般丝滑：

5、特殊素材生成类工具介绍

54 款工具中，还有一些比较特殊的工具，生成的素材比较奇特，其中比较有代表性的是「ccclaymoji」：

「ccclaymoji」是一款随意生成表情素材的工具，它可以通过调整表情眼睛的大小、颜色、位置，以及表情嘴巴的大小、颜色、位置去生成各种各样的表情素材，整个工具在使用的时候都是实时生效：