这个网站不仅可以帮你配色，还能在线快速预览效果！

@WOOD短腿木 、@LXYFLASH ：如今，配色工具已经铺天盖地多到数都数不过来，但每次选好配色拖进软件里一吸，发现实际效果总是不如意。一来二去，十分浪费时间。

​今天神器小分队带来的神器——Paletton就为此而来。不仅能运用配色原理快速生成色卡，更能将配色放入实例中预览，帮你快速确定色彩效果。

Paletton

网站链接 ：http://paletton.com（建议搭梯子访问，不然容易加载不出来）

配色方案生成和调整

Paletton 根据色彩设计理论，提供了单色、互补色、相邻色、三色调以及四色调最实用的几种配色方法，满足各种配色需求。

点击「互补（补充）」的小按钮，即可为配色添加一个互补色。

用鼠标拖动光标，也可以改变配色效果。

如果想细节调整内环每个取色点的饱和度、亮度、对比度的话，按住shift键拖动取色点即可。

除此以外，我们还可以在色环的右下方点击「Fine Tune」微调。

点击下方的「PRESETS」，更是提供了一整套配色效果的色卡。

旁边的色板也很直观，主色跟辅助色的占比都很详细。

当鼠标滑到相应的色块，还会有相应 RGB数值出现，点击后有更详细的色彩分析。

更有不同的预览方式可以选择：

实例预览

点击「Vision simulation」。

还能选择测试配色在色盲模式或者 Web模式时的显色效果。

每种模拟效果都有很多细节的参数选择。

拖动鼠标，移到「EXAMPLEAS」。这才是真正令人欲罢不能的功能——实例演示。

这个功能将你选取的配色方案在实例中展示，而且还能自动生成白天/夜晚模式不同的配色效果。

除了网页配色效果以外，更支持不同的插画效果配色预览。

色卡保存

点击右下角的「Table&Export」，即可生成色板。

不仅可以生成图片色卡，更能直接导入 PS 和 Sketch 中使用。

最后

如果配色不符合你的心意，在右上角还有随机。不小心选错颜色也可以选择重制和撤销。

Paletton 的配色有理论和具体的参数可循，可以非常方便的实例模拟，大大降低了设计中反复更换配色的时间成本，帮你用更快的时间，完成最棒的设计。无需注册，画面简单，功能实用，是值得收藏使用的一大利器。

想要了解更多的设计神器，可以关注 @你丫才美工 美丫姐

欢迎同学们关注最充满智（dou）慧（bi）的设计账号：