有了这些网站，小白也能做出高逼格的配色方案

时间：2023-09-04 10:06:01 | 来源：网站运营

时间：2023-09-04 10:06:01 来源：网站运营

有了这些网站，小白也能做出高逼格的配色方案：首发于公众号【凯诺空中设计课】→有了这些网站，小白也能做出高逼格的配色方案

色彩，是设计的表现手法之一，也是设计中必不可少的一部分。梵高曾说过：“没有不好的颜色，只有不好的搭配”。然而，真正天生就拥有丰富色彩感的人少之又少，很多人的情况是，看了不少配色书、背了不少专业词汇，本以为自己已经琢磨透其中的精髓，可当自己实际操作时，做出的方案却连自己都看不下去...

工欲善其事必先利其器，其实有时候，灵活地借助一些工具来作为辅助，也不失为一种策略。今天，凯诺君就给大家整理了一波超好用的配色网站，希望能为你在做设计工作时，提供一些灵感上的来源。

WebGradients

网站收录了近180种渐变色，页面做的也是超仙。喜欢哪个方案，点击圆块即可放大查看，再复制CSS3代码，就可以在你的网站中使用了。

COLORS

日本非常经典的一个配色网站，每次点进去都是不同的背景色，页面根据色相依次罗列了许多好看的颜色，名字也都好听，珊瑚朱、江户紫、千岁绿...文艺控必备！

uiGradients

也是以渐变色为主的色彩搭配网站。它的顶部罗列出了不同的色块，你可以先根据喜好选择你想要的，系统便会根据你的选择，罗列出这个色系下大量的渐变色方案。单击其中一个方块便可放大查看，点击左右两边的箭头还可实现可轻松切换。

Color Hunt

网站以时间为序，每天都会更新一个配色方案。每个方案下方都有一个点赞按钮，用户可以根据"最新发布"、"最受欢迎"等类型进行查找。如果想要知道某种颜色的具体色码，鼠标放上去即可。除此之外，用户还可以自己创造并分享喜欢的色彩搭配。

COLOR SAFE

与前面提到的几个网站不同的是，color safe则引入了文本的元素。选定你想要的背景色后，你变可以根据喜好，自定义选择在画布上的文字的色号、字体类型、大小&字重、WCAG，并查看效果。对于做网页设计的朋友而言，非常方便实用。

Material Palette

相比于color safe提供文本效果的预览，Material Palette则是引入了UI的元素，你只需选择一种或两种颜色，系统便会自动匹配出一套在APP界面上的配色方案，可以说十分贴心了。

BrandColors

当然，对于设计师而言，大公司的品牌设计是最具有参考价值的了。BrandColors收录了世界各大知名企业的品牌色，內建搜索查找功能，可一键查到该颜色色码 HEX 值，你还可以下载你需要的颜色到电脑，支持 ASE（like ACO）、SCSS、LESS 和 CSS 格式。

coolors

可以说是众多配色网站中功能很强大的一个了，它支持多平台的下载，除了网页版，还有Abode附加组件、Chrome扩展组件以及IOS App的等方式供你选择。网站收录了上万种配色方案，点击"空格键"即可查看不同的方案，也可以点击锁定色块查看当前颜色的关联配色方案，还可以点击色块进行Hex（十六进制）、Hue、Saturation、Brightness（色度、饱和度、亮度）的编辑和调整。要说缺点嘛，那就是你可能需要花点时间去熟悉网站的功能。

Color Claim

上面说了这么多，如果你还是觉得很麻烦，没关系，最后再送你一个可以偷懒的配色网站。Color Claim是前Spotify首席产品设计师Tobias van Schneider自建的配色网站，收录了共102款配色方案。别看每种方案都挺简单，不超过3种配色，但它们都是Tobias做设计工作多年总结出的经典配色，可以说是智慧的结晶。提取方式简单粗暴，直接保存图片拿到 PS 或 AI 里面吸色就行了。

最后，大家如果还有更多好的配色网站，也欢迎在留言区和大家一起分享哦

---

首发于公众号【凯诺空中设计课】（ID: CanopyU）

官网：凯诺空中设计课