这个网站不仅可以帮你配色,还能在线快速预览效果! - 优设网 - UISDC

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

2019/03/29 20694评论区

@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

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/color-matching-paletton

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 版式设计 界面设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里