这个网站不仅可以帮你配色,还能在线快速预览效果! - 巅云建站 - yinxi.net
author:一佰互联 2019-04-06   click:193

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

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

Paletton

网站链接 :http://paletton.com(建议搭梯子访问,不然容易加载不出来)

配色方案生成和调整

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

点击「互补(补充)」的小按钮,即可为配色添加一个互补色。

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

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

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

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

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

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

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

实例预览

点击「Vision simulation」。

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

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

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

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

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

色卡保存

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

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

最后

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

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

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

欢迎同学们关注最充满智(dou)慧(bi)的设计账号:

nycmgwxqr

巅云大课堂