Date 2026-04-20 14:43:52

@WOOD短腿木 、@LXYFLASH :现在配色工具数不胜数,但是每次选择配色拖进软件,发现实际效果总是不尽如人意。来来往往是浪费时间。
今天神器团队带来的神器Paletton就是这样。它不仅可以利用配色原理快速生成色卡,还可以在实例中预览配色,帮助您快速确定色彩效果。
网站链接 :http://paletton.com(建议搭梯子访问,否则不容易加载)

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

点击「互补(补充)」小按钮可以为配色添加互补色。

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

如果您想调整内环中每个取色点的饱和度、亮度和对比度,请按住shift键拖动取色点。
此外,我们还可以点击色环右下角「Fine Tune」微调。

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

旁边的色板也很直观,主色和辅助色的比例都很详细。
当鼠标滑到相应的色块时,会有相应的色块 RGB值出现,点击后有更详细的色彩分析。

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

点击「Vision simulation」。

也可以选择颜色匹配的测试模式 显色效果为Web模式。

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

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

本功能在实例中显示您选择的配色方案,并可自动生成白天/晚上不同模式的配色效果。

除网页配色效果外,还支持不同插图效果的配色预览。

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


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

如果配色不符合你的意愿,右上角有随机配色。如果你不小心选择了错误的颜色,你也可以选择重制和取消。

Paletton 配色有理论和具体参数可循,可以非常方便地模拟实例,大大降低了设计中反复更换配色的时间成本,帮助您在更快的时间内完成最佳设计。无需注册,图片简单,功能实用。这是一个值得收集和使用的利器。
想了解更多的设计神器,可以关注一下 @你丫才美工 美丫姐
欢迎同学们关注最充满智慧的人(dou)慧(bi)设计账号:
